{"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=\"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\u2026<\/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=\"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\u2026<\/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\u2026<\/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\u2026<\/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=\"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,\u2026<\/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, 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]\u2026<\/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=\"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>\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}]}}