{"id":3369,"date":"2026-05-18T20:44:29","date_gmt":"2026-05-18T19:44:29","guid":{"rendered":"https:\/\/jairohdz.com\/academy\/?page_id=3369"},"modified":"2026-05-20T03:15:54","modified_gmt":"2026-05-20T02:15:54","slug":"toolkit","status":"publish","type":"page","link":"https:\/\/jairohdz.com\/academy\/toolkit\/","title":{"rendered":"Toolkits &amp; Utilities"},"content":{"rendered":"        <section class=\"aca-hero text-light-override\" style=\"margin-bottom: 50px;\">\n            <div class=\"aca-container\">\n                <div class=\"aca-flex\">\n                    <div class=\"aca-text\">\n                        <span class=\"aca-badge\">\/\/ Production Assets<\/span>\n                        <h1 class=\"aca-title\">Technical Toolkits<\/h1>\n                        <h2 class=\"aca-subtitle\">Verified Stacks.<\/h2>\n                        <div class=\"aca-desc\">\n                            <p>Quick access to verified custom prompt configurations, automation blueprints, and digital code structures utilised across active marketing operations.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"aca-highlight-box\">\n                        <div class=\"aca-stat-row\">\n                            <div class=\"stat-ite\"><h4>Vetted<\/h4><span>Status<\/span><\/div>\n                            <div class=\"stat-ite\"><h4>Live<\/h4><span>Updates<\/span><\/div>\n                            <div class=\"stat-ite\"><h4>Zero<\/h4><span>Filler<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    \n    <div class=\"tk-advanced-wrapper\">\n        <div class=\"tk-header-flex\" >\n            <h2 class=\"tk-main-title\">Directory<\/h2>            \n            <div style=\"display: flex; gap: 15px; align-items: center; flex-grow: 1; justify-content: flex-end;\">\n                <div class=\"tk-search-box\" style=\"margin: 0; flex-grow: 1; max-width: 400px;\">\n                    <i class=\"fa-solid fa-magnifying-glass\"><\/i>\n                    <input type=\"text\" id=\"tkSearch\" placeholder=\"Search...\">\n                <\/div>\n                <div class=\"tk-quantity-selector\" style=\"font-family: var(--font-code, monospace); font-size: 0.85rem;\">\n                    <label for=\"tkPerPage\" style=\"margin-right: 5px; color: var(--academy-text-muted, #777788);\">Show:<\/label>\n                    <select id=\"tkPerPage\" style=\"padding: 8px 12px; border: 1px solid var(--academy-border, #e6e6ec); background: #ffffff; font-weight: 500;\">\n                        <option value=\"6\">6 items<\/option>\n                        <option value=\"12\" selected>12 items<\/option>\n                        <option value=\"24\">24 items<\/option>\n                        <option value=\"48\">48 items<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"tk-filters-bar\" >\n            <div class=\"tk-filter-group\">\n                <div class=\"tk-pills\" id=\"tkCatPills\">\n                    <button class=\"tk-pill active\" data-filter=\"cat\" data-val=\"all\">All Tools<\/button>\n                                            <button class=\"tk-pill\" data-filter=\"cat\" data-val=\"Advertising\">Advertising<\/button>\n                                            <button class=\"tk-pill\" data-filter=\"cat\" data-val=\"Artificial Intelligence (AI)\">Artificial Intelligence (AI)<\/button>\n                                            <button class=\"tk-pill\" data-filter=\"cat\" data-val=\"Design and Creativity\">Design and Creativity<\/button>\n                                            <button class=\"tk-pill\" data-filter=\"cat\" data-val=\"Technology and Platforms\">Technology and Platforms<\/button>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"tk-grid\" id=\"tkGrid\">\n            <div class=\"tk-card-item\" \n                data-cat=\"Advertising, Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"ad creative | ai generate ad banners, texts, photoshoots, and videos that outperform those of your competitors. advertising, artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Ad Creative | AI<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Advertising<\/span><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Generate ad banners, texts, photoshoots, and videos that outperform those of your competitors.<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.adcreative.ai\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"astra ai astra ai is an ai-powered application designed to help you study, conduct research, and organize information. it functions as a virtual tutor that summarizes texts, solves problems, and generates personalized study plans by breaking down complex topics into concepts that are easier to understand. artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Astra AI<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Astra AI is an AI-powered application designed to help you study, conduct research, and organize information. It functions as a&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/astra-ai.co\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"canva the platform uses a drag-and-drop interface designed for users without professional design training or experience. canva operates on a freemium model and has added features such as print services and video editing tools over time. design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Canva<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>The platform uses a drag-and-drop interface designed for users without professional design training or experience. Canva operates on a freemium&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"clipzy upload a phone video. clipzy finds the best moments, cuts at natural pauses, and delivers ready-to-post clips for tiktok, reels, and shorts \u2014 in 1080p, with captions. design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Clipzy<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Upload a phone video. Clipzy finds the best moments, cuts at natural pauses, and delivers ready-to-post clips for TikTok, Reels,&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/clipzy.app\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"color hex color-hex gives information about colors including color models (rgb,hsl,hsv and cmyk), triadic colors, monochromatic colors and analogous colors calculated in color page. color-hex.com also generates a simple css code for the selected color. html element samples are also shown below the color detail page. simply type the 6 digit color code in the box above and hit enter. design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Color Hex<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.color-hex.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity, Technology and Platforms\" \n                data-access=\"Public\"\n                data-search=\"diagrams.net diagrams.net is a graphics drawing application written in javascript. it can be used to design and export many types of diagrams, including circuit diagrams, floor plans, flowcharts, infographics, mind maps, and uml layouts. users can run the software as a web application or by downloading and installing a standalone desktop program. neither version requires online login or registration. design and creativity, technology and platforms\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Diagrams.net<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><span class=\"tk-tag\">Technology and Platforms<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Diagrams.net is a graphics drawing application written in JavaScript. It can be used to design and export many types of&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/app.diagrams.net\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"figma figma is a collaborative web application for interface design, with additional offline features enabled by desktop applications for macos and windows.  design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Figma<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Figma is a collaborative web application for interface design, with additional offline features enabled by desktop applications for macOS and&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"gemini notebook gemini notebook (formerly known as notebooklm) is an ai-powered research and analysis tool from google. it allows you to create interactive \"notebooks\" where you can upload your own documents (pdfs, google docs, websites, videos, etc.) so that the ai \u200b\u200bacts as an expert on that material, avoiding the fabrication of information. artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Gemini Notebook<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Gemini Notebook (formerly known as NotebookLM) is an AI-powered research and analysis tool from Google. It allows you to create&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/notebooklm.google.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"google ai studio google ai studio is a web-based development environment and ai laboratory from google. it allows you to rapidly prototype, interact with gemini models (and others like veo or nano), and generate functional code or complete applications using only natural language instructions (prompts). artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Google AI Studio<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Google AI Studio is a web-based development environment and AI laboratory from Google. It allows you to rapidly prototype, interact&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/aistudio.google.com\/prompts\/new_chat\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"google flow your ai creative studio built with google's advanced generative models. artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Google Flow<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Your AI creative studio built with Google's advanced generative models.<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/labs.google\/fx\/es\/tools\/flow\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"google flow music google flow music is a generative ai platform from google labs that allows you to create, remix, and produce complete songs and music videos from text prompts or audio snippets. artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Google Flow Music<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Google Flow Music is a generative AI platform from Google Labs that allows you to create, remix, and produce complete&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.flowmusic.app\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Technology and Platforms, Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"google labs at google labs, every experiment begins with a bold idea: how can ai be more helpful? our team then brings these ideas to life, giving you access to our latest innovations. some experiments outgrow the lab, and with your help, we shape them into products that become part of everyday life. technology and platforms, artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Google Labs<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Technology and Platforms<\/span><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>At Google Labs, every experiment begins with a bold idea: How can AI be more helpful? Our team then brings&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/labs.google\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"mixkit mixkit is a free gallery of stock video clips with no watermark, music tracks, sound effects and video templates. design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Mixkit<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Mixkit is a free gallery of stock video clips with no watermark, music tracks, sound effects and video templates.<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/mixkit.co\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"motion array amazing motion graphics \u2014 meet the all-in-one platform for video creators. 2m+ drag & drop creative video assets. design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Motion Array<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Amazing Motion Graphics \u2014 Meet The All-In-One Platform for Video Creators. 2M+ Drag & Drop Creative Video Assets.<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/motionarray.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"motionelements motionelements\u00ae is a global one-stop royalty-free stock content marketplace catering specially to the needs of the video creator - making available for download ... design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">MotionElements<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>MotionElements\u00ae is a global one-stop royalty-free stock content marketplace catering specially to the needs of the video creator - making&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.motionelements.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"pixabay pixabay.com is a free stock photography and royalty-free stock media website. it is used for sharing photos, illustrations, vector graphics, film footage, stock music, sound effects, 3d models and animated gifs, exclusively under the custom pixabay content license, which generally allows the free use of the material with some restrictions. design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Pixabay<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Pixabay.com is a free stock photography and royalty-free stock media website. It is used for sharing photos, illustrations, vector graphics,&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/pixabay.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"pomelli easily generate on-brand content for your business. design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Pomelli<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Easily generate on-brand content for your business.<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/labs.google.com\/pomelli\/about\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity, Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"powtoon | ai video platform powtoon ltd. is a british company which sells cloud-based animation software (saas) for creating animated presentations and animated explainer videos.[1] the name \"powtoon\" is a portmanteau of the words \"powerpoint\" (trademarked by microsoft) and \"cartoon\". design and creativity, artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Powtoon | AI Video Platform<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Powtoon Ltd. is a British company which sells cloud-based animation software (SaaS) for creating animated presentations and animated explainer videos.[1]&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.powtoon.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"productioncrate productioncrate is a library and toolset for vfx artists, creators, filmmakers and motion designers. it offers a massive collection of visual effects footage, ... design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">ProductionCrate<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>ProductionCrate is a library and toolset for VFX artists, creators, filmmakers and motion designers. It offers a massive collection of&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/vfx.productioncrate.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"project genie project genie is an experimental prototype from google deepmind that allows users to generate and explore interactive 3d virtual worlds based on simple text descriptions or images. it functions as an interactive ai model that builds environments in real time and simulates physics as you interact with them. artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Project Genie<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Project Genie is an experimental prototype from Google DeepMind that allows users to generate and explore interactive 3D virtual worlds&hellip;<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/labs.google\/fx\/projectgenie\/es\/tools\/projectgenie\/creation\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Artificial Intelligence (AI)\" \n                data-access=\"Public\"\n                data-search=\"prompt cowboy | ai prompt cowboy helps you transform rough ideas into clear, high-performing prompts for chatgpt, claude, and other llms in seconds. artificial intelligence (ai)\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Prompt Cowboy | AI<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Artificial Intelligence (AI)<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Prompt Cowboy helps you transform rough ideas into clear, high-performing prompts for ChatGPT, Claude, and other LLMs in seconds.<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.promptcowboy.ai\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div><div class=\"tk-card-item\" \n                data-cat=\"Design and Creativity\" \n                data-access=\"Public\"\n                data-search=\"videezy free hd stock video footage! - videezy is a community of videographers who download and share free hd stock video! design and creativity\"><div class=\"tk-card-inner\"><div class=\"tk-card-head\"><span class=\"tk-status-badge status-public\">Public<\/span><h3 class=\"tk-item-title\">Videezy<\/h3><div class=\"tk-badges-row\"><span class=\"tk-tag\">Design and Creativity<\/span><\/div><\/div><div class=\"tk-card-body\"><p>Free HD Stock Video Footage! - Videezy is a community of Videographers who download and share free HD stock video!<\/p><\/div><div class=\"tk-card-footer\"><a href=\"https:\/\/www.videezy.com\/\" target=\"_blank\" class=\"tk-link-btn\">Visit Asset <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><\/a><\/div><\/div><\/div>        <\/div>\n\n        <div id=\"tkEmpty\" class=\"tk-empty-state\" style=\"display:none;\">\n            <i class=\"fa-solid fa-layer-group\"><\/i>\n            <p>No tools or utilities match your current criteria.<\/p>\n        <\/div>\n\n        <div id=\"tkPagination\" class=\"academy-saas-pagination\"><\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const input = document.getElementById('tkSearch');\n        const qtySelect = document.getElementById('tkPerPage');\n        const pills = document.querySelectorAll('.tk-pill');\n        const cards = Array.from(document.querySelectorAll('.tk-card-item'));\n        const empty = document.getElementById('tkEmpty');\n        const paginationContainer = document.getElementById('tkPagination');\n\n        let activeFilters = { cat: 'all', text: '' };\n        let currentPage = 1;\n        \n        const shortcodeLimit = parseInt(-1);\n        \n        \/\/ FIXED: Read dynamic select control state or fallback to shortcode execution bounds\n        function getItemsPerPage() {\n            if (shortcodeLimit !== -1) return shortcodeLimit;\n            return qtySelect ? parseInt(qtySelect.value) : 12;\n        }\n\n        function filterAndPaginate() {\n            const itemsPerPage = getItemsPerPage();\n\n            let filteredCards = cards.filter(card => {\n                const cCat = card.getAttribute('data-cat');\n                const cSearch = card.getAttribute('data-search');\n\n                const matchCat = activeFilters.cat === 'all' || cCat.includes(activeFilters.cat);\n                const matchText = activeFilters.text === '' || cSearch.includes(activeFilters.text);\n\n                if (matchCat && matchText) {\n                    return true;\n                } else {\n                    card.style.display = \"none\";\n                    return false;\n                }\n            });\n\n            if(filteredCards.length === 0) {\n                empty.style.display = \"block\";\n                paginationContainer.innerHTML = \"\";\n                return;\n            } else {\n                empty.style.display = \"none\";\n            }\n\n            const totalPages = Math.ceil(filteredCards.length \/ itemsPerPage);\n            if(currentPage > totalPages) currentPage = totalPages;\n            if(currentPage < 1) currentPage = 1;\n\n            const startIdx = (currentPage - 1) * itemsPerPage;\n            const endIdx = startIdx + itemsPerPage;\n\n            cards.forEach(card => card.style.display = \"none\");\n            filteredCards.slice(startIdx, endIdx).forEach(card => card.style.display = \"\");\n\n            if(shortcodeLimit !== -1) {\n                paginationContainer.innerHTML = \"\";\n            } else {\n                renderPaginationControls(totalPages);\n            }\n        }\n\n        function renderPaginationControls(totalPages) {\n            if(totalPages <= 1) {\n                paginationContainer.innerHTML = \"\";\n                return;\n            }\n\n            let html = `<button class=\"pag-btn ${currentPage === 1 ? 'disabled' : ''}\" data-dir=\"prev\"><i class=\"fa-solid fa-chevron-left\"><\/i> Prev<\/button>`;\n            for(let p = 1; p <= totalPages; p++) {\n                html += `<button class=\"pag-num ${currentPage === p ? 'active' : ''}\" data-page=\"${p}\">${p}<\/button>`;\n            }\n            html += `<button class=\"pag-btn ${currentPage === totalPages ? 'disabled' : ''}\" data-dir=\"next\">Next <i class=\"fa-solid fa-chevron-right\"><\/i><\/button>`;\n            \n            paginationContainer.innerHTML = html;\n\n            paginationContainer.querySelectorAll('button').forEach(btn => {\n                btn.addEventListener('click', function() {\n                    if(this.classList.contains('disabled') || this.classList.contains('active')) return;\n\n                    if(this.hasAttribute('data-page')) {\n                        currentPage = parseInt(this.getAttribute('data-page'));\n                    } else {\n                        const dir = this.getAttribute('data-dir');\n                        currentPage = (dir === 'prev') ? currentPage - 1 : currentPage + 1;\n                    }\n                    filterAndPaginate();\n                    document.querySelector('.tk-advanced-wrapper').scrollIntoView({ behaviour: 'smooth' });\n                });\n            });\n        }\n\n        \/\/ Listener reactivo para recalcular la rejilla al cambiar la cantidad\n        if (qtySelect) {\n            qtySelect.addEventListener('change', function() {\n                currentPage = 1; \/\/ Reajusta al nodo ra\u00edz\n                filterAndPaginate();\n            });\n        }\n\n        pills.forEach(pill => {\n            pill.addEventListener('click', function() {\n                this.parentElement.querySelectorAll('.tk-pill').forEach(p => p.classList.remove('active'));\n                this.classList.add('active');\n                activeFilters.cat = this.getAttribute('data-val');\n                currentPage = 1; \n                filterAndPaginate();\n            });\n        });\n\n        if(input) {\n            input.addEventListener('input', function() {\n                activeFilters.text = this.value.toLowerCase();\n                currentPage = 1; \n                filterAndPaginate();\n            });\n        }\n\n        filterAndPaginate();\n    });\n    <\/script>\n    \n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":44,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"academy-canvas.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3369","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/pages\/3369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/comments?post=3369"}],"version-history":[{"count":10,"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/pages\/3369\/revisions"}],"predecessor-version":[{"id":4263,"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/pages\/3369\/revisions\/4263"}],"wp:attachment":[{"href":"https:\/\/jairohdz.com\/academy\/wp-json\/wp\/v2\/media?parent=3369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}