[{"slug":"ad-designer","title":"ad-designer","tags":["site-building","frontend","images","ads"],"agent_summary":"Generate professional Meta/social ad creatives using AI image generation. Routes to Nano Banana Pro (Gemini) for text-heavy ads and FLUX Pro for photorealistic imagery.","trigger_phrases":["ad-designer","ad creative","social ad image","meta ad","campaign image","ad image","generate ad"],"runnable":true},{"slug":"brand-collector","title":"brand-collector","tags":["site-building","frontend","brand","collector"],"agent_summary":"Extract all publicly available brand information from a URL and organize it into structured markdown tables with source attribution","trigger_phrases":["brand-collector","brand guide","collector guide","brand collector","brand intel","scrape brand info","brand data tables","brand audit from url"],"runnable":false},{"slug":"brand-guideline-generator","title":"brand-guideline-generator","tags":["site-building","frontend","brand","guideline","generator"],"agent_summary":"Create a comprehensive brand guideline document from provided business information","trigger_phrases":["brand-guideline-generator","brand guide","guideline guide","generator guide","brand guidelines","brand identity document","brand style guide","brand book"],"runnable":false},{"slug":"conversion-optimizer","title":"conversion-optimizer","tags":["site-building","cro","conversion","psychology"],"agent_summary":"Apply the 12 Conversion Hacks and Intent Behind the Intent framework to local service pages, landing pages, and CTAs. Grounded in conversion psychology from Mike's training library.","trigger_phrases":["conversion-optimizer","conversion optimization","cro framework","landing page optimization","cta optimization","12 conversion hacks","intent behind intent"],"runnable":false},{"slug":"design-router","title":"design-router","tags":["site-building","frontend","templates","routing"],"agent_summary":"Select the right UI template library for any build. Decision tree: Tailwind Plus vs Aceternity vs Cruip vs shadcn-blocks vs Elementor. 6,904+ pre-built files. Check before building anything from scratch.","trigger_phrases":["design-router","which template","design template","template router","pick a template","ui template selection","hero section template","pricing section template","start from template","don't build from scratch"],"runnable":false},{"slug":"diagram-generator","title":"diagram-generator","tags":["site-building","frontend","visual","diagrams"],"agent_summary":"Convert any system, process, or concept description to Excalidraw JSON, SVG, or ASCII diagrams. Handles flowcharts, architecture diagrams, sequence diagrams, org charts, timelines, and mind maps.","trigger_phrases":["diagram-generator","generate diagram","architecture diagram","workflow diagram","org chart","flowchart","sequence diagram","create diagram"],"runnable":true},{"slug":"form-cro","title":"form-cro","tags":["site-building","cro","forms","conversion"],"agent_summary":"Optimize lead capture forms, contact forms, demo request forms, and quote forms. Every field has a cost — reduce friction, improve completion rate. For signup flows see signup-flow-cro. For popups see popup-cro.","trigger_phrases":["form-cro","form optimization","lead form conversions","form friction","form fields","form completion rate","contact form optimization"],"runnable":false},{"slug":"frankies-accumulated-learnings","title":"Frankie's Accumulated Learnings","tags":["site-building","frontend","frankie's","accumulated","learnings"],"agent_summary":"These are production patterns learned through real agency builds","trigger_phrases":["frankie's accumulated learnings","frankie's guide","accumulated guide","learnings guide"],"runnable":false},{"slug":"frontend-animation","title":"frontend-animation","tags":["site-building","frontend","frontend","animation"],"agent_summary":"Quick Install Reference GSAP (Default Choice — Covers 90% of Cases) bash npm install gsap @gsap/react Use when: Any animation need","trigger_phrases":["frontend-animation","frontend guide","animation guide","gsap","framer motion","lottie","three.js","frontend animation"],"runnable":true},{"slug":"frontend-design","title":"frontend-design","tags":["site-building","frontend","frontend","design"],"agent_summary":"This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic \"AI slop\" aesthetics","trigger_phrases":["frontend-design","frontend guide","design guide","build ui","landing page","dashboard","web component","frontend design"],"runnable":true},{"slug":"full-website-writer","title":"full-website-writer","tags":["site-building","content","website","seo"],"agent_summary":"End-to-end website pipeline: sitemap, every page fully written, SEO optimized, schema markup, meta data, and technical audit — in one continuous chain. Takes any business description and produces a complete website.","trigger_phrases":["full-website-writer","write full website","build website from scratch","complete website content","website chain","end-to-end website","full website copy"],"runnable":true},{"slug":"generate-image-from-page","title":"generate-image-from-page","tags":["site-building","frontend","images","visual"],"agent_summary":"Generate brand-aligned hero images, featured images, and web banners from a URL or text description. Analyzes site colors and style, produces text-overlay-friendly compositions via Nano Banana or FLUX Pro.","trigger_phrases":["generate-image-from-page","hero image for website","generate image from page","website banner image","featured image for site","landing page image","web hero design","branded image from text"],"runnable":true},{"slug":"hero-image-from-page","title":"hero-image-from-page","tags":["site-building","frontend","hero","image","from"],"agent_summary":"Workflow Step 1: Analyze the Website — Visit and analyze the URL to extract: industry and theme, brand colors (primary, secondary, and accent), visual style (photography-based, illustration-based, mi","trigger_phrases":["hero-image-from-page","hero guide","image guide","from guide","page guide","hero image","hero image for site","website hero"],"runnable":true},{"slug":"infographic-generator","title":"infographic-generator","tags":["site-building","frontend","images","content"],"agent_summary":"Analyze a URL and generate 3-4 informative, placement-recommended infographic images for that page. Types: process steps, statistics, comparisons, checklists, benefit overviews, timelines.","trigger_phrases":["infographic-generator","infographic","infographic for page","create infographic","visual data for URL","page infographic","generate infographic"],"runnable":true},{"slug":"landing-page-builder","title":"landing-page-builder","tags":["site-building","frontend","landing","page","builder"],"agent_summary":"Purpose Research, write, design, code, and validate a production-ready landing page from a source URL or text brief","trigger_phrases":["landing-page-builder","landing guide","page guide","builder guide","landing page from url","build landing page","comprehensive landing page","website from page"],"runnable":false},{"slug":"landing-page-cro","title":"landing-page-cro","tags":["site-building","frontend","landing","page"],"agent_summary":"5 Analysis Areas 1","trigger_phrases":["landing-page-cro","landing guide","page guide"],"runnable":true},{"slug":"landing-page-generator","title":"landing-page-generator","tags":["site-building","frontend","landing","page","generator"],"agent_summary":"Generate complete, conversion-optimized landing page content from keywords and brand info","trigger_phrases":["landing-page-generator","landing guide","page guide","generator guide","landing page","service page content","landing page copy","page content for keywords"],"runnable":false},{"slug":"landing-page-optimizer","title":"landing-page-optimizer","tags":["site-building","frontend","landing","page","optimizer"],"agent_summary":"Audit and rewrite landing page content using conversion rate optimization (CRO) principles, marketing psychology, and SEO best practices","trigger_phrases":["landing-page-optimizer","landing guide","page guide","optimizer guide","landing page optimize","cro audit","conversion optimization","optimize my page copy"],"runnable":false},{"slug":"landing-page-writer","title":"landing-page-writer","tags":["site-building","frontend","landing","page","writer"],"agent_summary":"Design and write a complete, conversion-optimized landing page for a new product or service","trigger_phrases":["landing-page-writer","landing guide","page guide","writer guide","landing page","product page","launch page","conversion page"],"runnable":false},{"slug":"onboarding-cro","title":"onboarding-cro","tags":["site-building","cro","onboarding","conversion"],"agent_summary":"Optimize post-signup onboarding, user activation, and first-run experience to maximize time-to-value and reach the aha moment. For signup flows see signup-flow-cro.","trigger_phrases":["onboarding-cro","onboarding flow","activation rate","user activation","first-run experience","empty states","onboarding checklist","aha moment","new user experience"],"runnable":false},{"slug":"page-content-enricher","title":"page-content-enricher","tags":["site-building","content","seo","page"],"agent_summary":"Rewrite and enrich an existing published page with better keywords, topics, LSI terms, and related questions. Takes a live URL and title, researches intent and competitors, rewrites for comprehensiveness and SEO.","trigger_phrases":["page-content-enricher","enrich page","improve existing page","rewrite page content","optimize existing content","refresh page","content refresh"],"runnable":true},{"slug":"page-cro","title":"page-cro","tags":["site-building","frontend","page"],"agent_summary":"CRO Analysis Framework 1","trigger_phrases":["page-cro","page guide","cro","conversion rate optimization","this page isn't converting","improve conversions","why isn't this page working"],"runnable":false},{"slug":"page-faq-generator","title":"page-faq-generator","tags":["site-building","content","seo","faq"],"agent_summary":"Generate SEO-optimized FAQ sections for any page. Analyzes niche and audience, generates PAA-targeted questions with rich answers, formats for FAQ schema markup with JSON-LD output.","trigger_phrases":["page-faq-generator","page FAQs","FAQ section","people also ask","generate FAQs for page","schema FAQ","faq generator"],"runnable":true},{"slug":"paywall-upgrade-cro","title":"paywall-upgrade-cro","tags":["site-building","cro","paywall","conversion"],"agent_summary":"Create and optimize in-app paywalls, upgrade screens, upsell modals, and feature gates. Converts free users to paid at moments of demonstrated value. Distinct from public pricing pages.","trigger_phrases":["paywall-upgrade-cro","paywall","upgrade screen","upgrade modal","upsell","feature gate","convert free to paid","freemium conversion","trial expiration","plan upgrade prompt"],"runnable":false},{"slug":"popup-cro","title":"popup-cro","tags":["site-building","cro","popups","conversion"],"agent_summary":"Create or optimize popups, modals, overlays, slide-ins, and banners for conversion. Covers timing triggers, copy frameworks, mobile treatment, and A/B testing. For page-wide forms see form-cro.","trigger_phrases":["popup-cro","exit intent","popup conversions","modal optimization","lead capture popup","email popup","announcement banner","overlay","popup design"],"runnable":false},{"slug":"section-blocks","title":"section-blocks","tags":["site-building","frontend","section","blocks"],"agent_summary":"Philosophy Every block follows these non-negotiable principles: 1","trigger_phrases":["section-blocks","section guide","blocks guide","section blocks","lego blocks","hero block"],"runnable":true},{"slug":"seo-landing-page-creator","title":"seo-landing-page-creator","tags":["site-building","seo","landing-page","content"],"agent_summary":"Create a high-converting, SEO-optimized landing page from a keyword or topic. Includes competitor analysis, content writing, conversion funnel design, E-E-A-T compliance, and JSON-LD schema output.","trigger_phrases":["seo-landing-page-creator","landing page","create landing page","conversion page","seo landing page","service page","create service page"],"runnable":true},{"slug":"shadcn-blocks","title":"shadcn-blocks","tags":["site-building","frontend","shadcn","blocks"],"agent_summary":"Premium pre-built sections and components for shadcn/ui projects from shadcnuikit.com","trigger_phrases":["shadcn-blocks","shadcn guide","blocks guide","shadcn blocks","shadcnuikit","hero section"],"runnable":true},{"slug":"signup-flow-cro","title":"signup-flow-cro","tags":["site-building","cro","signup","conversion"],"agent_summary":"Optimize free trial signups, registration flows, and account creation. Reduce friction, increase completion, enable faster activation. Post-signup activation: see onboarding-cro. Lead forms: see form-cro.","trigger_phrases":["signup-flow-cro","signup conversions","registration friction","signup form optimization","free trial signup","reduce signup dropoff","account creation flow"],"runnable":false},{"slug":"site-structure-generator","title":"site-structure-generator","tags":["site-building","seo","architecture","structure"],"agent_summary":"Generate a comprehensive site structure table (25+ rows, 22 columns) from any keyword, niche, or URL. Columns include meta titles, descriptions, keywords, schema types, H1 outlines, and CTAs. Optionally generates full page content for every row.","trigger_phrases":["site-structure-generator","site structure","sitemap generator","plan website pages","structure from keyword","site structure table"],"runnable":true},{"slug":"tailwind-plus-ui","title":"tailwind-plus-ui","tags":["site-building","frontend","tailwind","plus"],"agent_summary":"Location - Installed: D:/ClaudeDev/00_GITHUB/_working-on/Templates/ui-blocks/tailwind-plus/ - Backup zips: E:/LOC/Design Templates/tailwind-plus/  Categories (23 folders, 179 JSX files) - heroes/ —","trigger_phrases":["tailwind-plus-ui","tailwind guide","plus guide","tailwind ui","tailwind plus","premium tailwind components"],"runnable":false},{"slug":"ui-review","title":"ui-review","tags":["site-building","frontend","review"],"agent_summary":"Workflow 1","trigger_phrases":["ui-review","review guide","run qa","validate stories","ui review","parallel qa"],"runnable":false},{"slug":"visual-clone","title":"visual-clone","tags":["site-building","frontend","visual","clone"],"agent_summary":"Accepted Inputs - Screenshot (required primary): Any image — drag into chat, Snipping Tool, phone photo, browser screenshot - CSS text (optional): Copied from DevTools Elements > Computed tab","trigger_phrases":["visual-clone","visual guide","clone guide","visual clone","clone design","screenshot to site","pixel match"],"runnable":true},{"slug":"visual-qa-loop","title":"visual-qa-loop","tags":["site-building","frontend","visual","loop"],"agent_summary":"Step 1: Animation Detection (CRITICAL — Do This First) Before starting the loop, scan the project for animation libraries and CSS animations","trigger_phrases":["visual-qa-loop","visual guide","loop guide","visual qa","visual validation","compare to reference"],"runnable":false},{"slug":"website-structure-planner","title":"website-structure-planner","tags":["site-building","seo","architecture","planning"],"agent_summary":"Plan a complete website structure from business context: sitemap, URL strategy, internal linking, and content architecture. The blueprint before any pages are written. Use before full-website-writer.","trigger_phrases":["website-structure-planner","website structure","plan a website","sitemap","site architecture","website blueprint","site planning"],"runnable":true}]