1---2name: design-router3description: Routes design tasks to the correct specialist skill within Mega-Design.4---56# Design Router78Central routing specialist for ccc-design. Analyzes the user's design intent and dispatches to the correct sub-skill(s).910## How It Works11121. Parse the user's request for design signals132. Match against the intent taxonomy below143. Recommend 1-3 skills in execution order154. If ambiguous, ask one clarifying question before routing1617## Intent Taxonomy1819### Animation & Motion20| Signal Words | Route To | Confidence |21|-------------|----------|------------|22| animate, transition, entrance, exit, fade, slide, bounce | `animate` | High |23| framer, framer motion, AnimatePresence, layout animation, useScroll | `framer-motion-patterns` | High |24| gsap, scrolltrigger, timeline, tween, pin, scrub | `gsap-patterns` | High |25| svg, lottie, path morph, line draw, stroke animation | `svg-animation` | High |26| motion, parallax, scroll animation, kinetic | `motion-design` | Medium |27| move, dynamic, alive | `motion-design` | Low — clarify |2829### Visual Effects30| Signal Words | Route To | Confidence |31|-------------|----------|------------|32| particle, confetti, snow, fire, sparkle, aurora | `particle-systems` | High |33| background, gradient, noise, voronoi, flow field, generative | `generative-backgrounds` | High |34| cursor, hover, mouse, interactive, drag, physics | `interactive-visuals` | High |35| 3d, webgl, three.js, shader, glsl, post-processing | `webgl-shader` | High |36| retro, pixel, crt, glitch, vhs, scanline, ascii | `retro-pixel` | High |37| canvas, draw, paint, 2d art | `canvas-design` | High |3839### Design Systems & Pages40| Signal Words | Route To | Confidence |41|-------------|----------|------------|42| landing page, hero, conversion, cta, pricing | `landing-page-builder` + `interactive-landing` | High |43| design system, components, tokens, consistency | `frontend-design` + `design-consultation` | High |44| color, palette, contrast, scheme, harmony | `colorize` | High |45| theme, brand, identity, style guide | `theme-factory` | High |46| screenshot, device frame, mockup, product shot | `screenshots` | High |47| slides, presentation, deck, keynote | `frontend-slides` | High |48| html page, artifact, standalone, single-file | `web-artifacts-builder` | High |4950### Polish (Impeccable Suite)51| Signal Words | Route To | Confidence |52|-------------|----------|------------|53| polish, refine, improve, better | `critique` → `polish` | High |54| bold, impact, punch, stronger, louder | `bolder` + `overdrive` | High |55| subtle, quiet, calm, tone down, less | `quieter` + `distill` | High |56| readable, clear, legible, scannable | `clarify` | High |57| layout, spacing, alignment, grid | `arrange` | High |58| typography, font, type scale, leading | `typeset` | High |59| responsive, mobile, tablet, adapt | `adapt` | High |60| robust, edge case, error state | `harden` | High |61| consistent, normalize, standardize | `normalize` | High |62| onboarding, first-run, empty state | `onboard` | High |63| delight, micro-interaction, surprise | `delight` | High |64| performance, speed, bundle, optimize | `optimize` | High |65| audit, review, checklist, score | `audit` | High |66| pattern, extract, document | `extract` | High |6768## Multi-Skill Combinations6970When a task spans multiple domains, recommend skills in this priority order:71721. **Context first** — always `design-context` if brand/palette unknown732. **Structure** — layout and content placement743. **Motion** — animations and transitions754. **Effects** — particles, backgrounds, shaders765. **Polish** — critique → fix → final pass7778## Disambiguation Rules7980- "Make it pop" → ask: "Do you want bolder colors, more animation, or stronger contrast?"81- "Interactive" alone → ask: "Interactive hover effects, or a full interactive experience?"82- "Modern" → default to `frontend-design` anti-slop methodology83- "Cool animation" → ask: "Scroll-triggered, hover-triggered, or on-load?"84- "Fix the design" → start with `critique` to diagnose before prescribing8586## Response Format8788When routing, respond with:8990```91Route: [skill-name]92Reason: [one sentence why this skill matches]93Sequence: [if multi-skill, the execution order]94```
KevinZai