1---
2name: design-catalogue
3description: |
4 Catalogue navigator for design-agent-skills. Lists available design skill stubs,
5 matches user intent to the right stub, and routes to install and invoke.
6 Use when the user wants to browse or find the right design skill.
7triggers:
8 - "what design skills"
9 - "find a design skill"
10 - "browse design skills"
11 - "which skill for design"
12 - "design skill for"
13 - "show me design skills"
14 - "what skills do you have"
15das:
16 category: meta
17 type: navigator
18 catalogue: true
19---
20
21# design-catalogue
22
23Meta-skill for this catalogue. Activate when the user wants to browse, discover, or find
24the right design skill — not when they've already named one.
25
26## When to use
27
28Activate when the user:
29- Asks what design skills exist ("what skills do you have?", "show me design skills")
30- Describes a problem but names no skill ("I want premium UI", "make it not look generic")
31- Asks which skill fits a task ("what should I use for animations?", "which for good taste?")
32
33Do **not** activate if the user already named a specific skill — route directly to that stub.
34
35## How to respond
36
371. Present the relevant section of the catalogue index below
382. Recommend the best match with a one-line reason
393. Show the stub's install command for the match
404. Ask if they want to install and invoke it
41
42> For `type:package` and `type:platform` stubs: show the `npx skills add` or per-agent
43> install command from the stub. These must not be curl'd directly.
44
45## Domain fast-path
46
47When the user's intent is clearly within one domain, route directly to that domain catalogue
48instead of scrolling the full index below:
49
50| Domain | Route to | When |
51|--------|----------|------|
52| Motion, 3D, shaders, generative art | `motion-catalogue` | GSAP, Framer Motion, Three.js, Lottie, p5.js, shaders, video |
53| Figma, design-to-code, tokens, platform suites | `figma-catalogue` | Figma skills, Stitch, design tokens, Anthropic/Vercel/Expo suites |
54| Accessibility, WCAG, web performance | `accessibility-catalogue` | a11y audit, WCAG 2.2, Core Web Vitals, React quality |
55| UI craft, visual design, brand, mobile | `design-engineering-catalogue` | Taste, color, typography, iOS/Android, brand identity |
56| Slides, diagrams, data viz, PM, design review, copy | `content-catalogue` | Presentations, wireframes, charts, UX strategy, PM frameworks, UX writing, copywriting, user research |
57
58## Catalogue index
59
60### Design Engineering (opinionated UI taste)
61
62| Skill | Best for |
63|-------|----------|
64| [`taste-skill`](../taste-skill/SKILL.md) | Premium, non-generic UI — variance, motion, density dials |
65| [`impeccable`](../impeccable/SKILL.md) | 23 commands, Chrome extension, Live Mode browser iteration |
66| [`emilkowalski-skill`](../emilkowalski-skill/SKILL.md) | Animation decision framework, easing curves, interaction principles |
67| [`make-interfaces-better`](../make-interfaces-better/SKILL.md) | Polish: micro-interactions, typography details, visual refinement |
68| [`ui-craft`](../ui-craft/SKILL.md) | 18 slash commands, anti-slop CLI, 3 style variants — deepest design engineering skill |
69| [`frontend-design`](../frontend-design/SKILL.md) | 8 aesthetic anchors (Brutalist, Nordic, Cyberpunk…) with locked CSS tokens per theme |
70| [`huashu-design`](../huashu-design/SKILL.md) | Magazine-grade typography, CSS Grid, animated prototypes, MP4 export |
71| [`brand-design-md`](../brand-design-md/SKILL.md) | Fetches exact tokens for 62 world-class brands (Stripe, Linear, Apple…) at runtime |
72| [`ai-graphic-design-skill`](../ai-graphic-design-skill/SKILL.md) | Maps 15 AI tools to design scenarios + 2025-26 Creative Director roadmap |
73| [`logo-designer-skill`](../logo-designer-skill/SKILL.md) | Brand interview → 3-5 SVG concepts → PNG export 16px–2048px |
74| [`distinctive-frontend`](../distinctive-frontend/SKILL.md) | 4 themed design systems (Cyberpunk, Brutalist, Vaporwave, Nordic) with staggered animations |
75| [`design-for-ai`](../design-for-ai/SKILL.md) | CHECKER (7-category audit) + APPLIER (6-phase creation) dual-mode plugin |
76| [`styleseed`](../styleseed/SKILL.md) | 69 design rules, 60+ brand skins (Toss, Stripe, Linear, Vercel…), 13 slash commands |
77| [`awesome-design-skills`](../awesome-design-skills/SKILL.md) | 67-style aesthetic registry: glassmorphism, brutalism, bento, editorial, riso… |
78| [`interaction-design`](../interaction-design/SKILL.md) | IxD principles, component states, micro-interactions, affordances, task flows — Norman + Tognazzini |
79| [`format-storybook`](../format-storybook/SKILL.md) | Storybook story structure, template composition, controls, Chromatic, CSF patterns |
80| [`localization-design`](../localization-design/SKILL.md) | RTL mirroring, per-language text expansion, non-Latin type, cultural color/icon traps |
81| [`design-system-governance`](../design-system-governance/SKILL.md) | Ownership models, contribution lifecycle, semver contract, deprecation policy |
82
83### Motion & Animation
84
85| Skill | Best for |
86|-------|----------|
87| [`design-motion-principles`](../design-motion-principles/SKILL.md) | UI motion design: build components with purposeful motion or audit for AI-slop patterns — Emil Kowalski, Jakub Krehel, Jhey Tompkins lenses |
88| [`algorithmic-art`](../algorithmic-art/SKILL.md) | Generative art with p5.js, flow fields, particle systems |
89| [`shader-dev`](../shader-dev/SKILL.md) | GLSL shaders: ray marching, fluid simulation, WebGL effects |
90| [`p5js-hermes`](../p5js-hermes/SKILL.md) | p5.js creative coding: noise, particles, GLSL, audio-reactive |
91| [`remotion`](../remotion/SKILL.md) | Programmatic video with React |
92| [`motion-design-skill`](../motion-design-skill/SKILL.md) | Official LottieFiles: timing, easing, choreography, Disney 12 principles for UI |
93| [`gsap-skills`](../gsap-skills/SKILL.md) | Official GSAP: 8 skills — core, timeline, ScrollTrigger, Flip, Draggable, SplitText |
94| [`framer-motion-skills`](../framer-motion-skills/SKILL.md) | 6 Framer Motion skills: core, Next.js, variants, scroll, gestures, layout |
95| [`animate-skill`](../animate-skill/SKILL.md) | Emil-inspired Next.js/React patterns: hover, toast, text reveal, modals |
96| [`animate-css-skill`](../animate-css-skill/SKILL.md) | Animate.css v4 + scroll triggers + RTL + prefers-reduced-motion |
97| [`css-animation-skill`](../css-animation-skill/SKILL.md) | Scrapes live app design language, interviews, produces standalone animation file |
98| [`wiggle-claude-skill`](../wiggle-claude-skill/SKILL.md) | Animates SVG logos → Lottie JSON → GIF + MP4 |
99| [`claudedesignskills`](../claudedesignskills/SKILL.md) | 22-skill bundle: Three.js, GSAP, R3F, Framer, Babylon, A-Frame, PixiJS, Rive, Lottie |
100| [`hyperframes`](../hyperframes/SKILL.md) | "Write HTML → render video": GSAP/CSS/Lottie/Three.js + TTS media (HeyGen) |
101
102### Interaction & Polish
103
104| Skill | Best for |
105|-------|----------|
106| [`taste-design-stitch`](../taste-design-stitch/SKILL.md) | Aesthetic judgment for Google Stitch output |
107| [`design-lab`](../design-lab/SKILL.md) | Interactive design exploration, variant generation |
108| [`interface-design-dammyjay`](../interface-design-dammyjay/SKILL.md) | Dashboards, admin panels, SaaS information-dense UI |
109| [`bencium-ux-designer`](../bencium-ux-designer/SKILL.md) | Distinctive, production-grade frontend |
110| [`neo-user-journey`](../neo-user-journey/SKILL.md) | UX journey mapping + Playwright testing + 50+ patterns + Nielsen scoring |
111| [`simota-agent-skills`](../simota-agent-skills/SKILL.md) | 15 design sub-skills: Vision, Frame (Figma bridge), Pixel, Clay, Ink, Sketch |
112| [`design-auditor`](../design-auditor/SKILL.md) | 19-category audit: typography, dark mode, RTL, dark patterns; 0-100 score |
113| [`search-ux`](../search-ux/SKILL.md) | Search input, autocomplete, ranking, faceted filters, zero-results, search analytics |
114| [`interfaces-that-feel`](../interfaces-that-feel/SKILL.md) | Emotional design: felt-state → physical analogue → motion/copy/spacing changes |
115| [`information-architecture-and-navigation`](../information-architecture-and-navigation/SKILL.md) | Polar-bear IA: organization/labeling/nav/search, taxonomy, wayfinding, findability |
116
117### Visual, Components & Color
118
119| Skill | Best for |
120|-------|----------|
121| [`color-expert`](../color-expert/SKILL.md) | OKLCH/OKLAB color science, palette generation, contrast |
122| [`baseline-ui`](../baseline-ui/SKILL.md) | Animation durations, typography scale, Tailwind anti-patterns |
123| [`shadcn-ui`](../shadcn-ui/SKILL.md) | shadcn/ui component workflow |
124| [`ui-ux-pro-max`](../ui-ux-pro-max/SKILL.md) | 50+ styles, 97 palettes, 9 tech stacks |
125| [`platform-design-skills`](../platform-design-skills/SKILL.md) | 300+ HIG/MD3/WCAG rules for cross-platform |
126| [`apple-hig-skills`](../apple-hig-skills/SKILL.md) | Apple HIG: iOS, macOS, visionOS, watchOS, tvOS |
127| [`hig-doctor`](../hig-doctor/SKILL.md) | Diagnose and fix Apple HIG violations |
128| [`swiftui-patterns`](../swiftui-patterns/SKILL.md) | SwiftUI view and component best practices |
129| [`ink-google`](../ink-google/SKILL.md) | Ink-style editorial design for artifacts |
130| [`design-tokens-skill`](../design-tokens-skill/SKILL.md) | W3C DTCG token spec: OKLCH, references/aliasing, Terrazzo, Figma exports |
131| [`google-fonts-skill`](../google-fonts-skill/SKILL.md) | 1,923 Google Fonts with mood tags + 73 pairings + CSS vars + Tailwind config |
132| [`mobile-app-design`](../mobile-app-design/SKILL.md) | iOS HIG + Android MD3 + RN best practices — 26K words |
133| [`mobile-app-ui-design`](../mobile-app-ui-design/SKILL.md) | Professional mobile UI: intentional, smooth, alive interfaces |
134| [`sleek-design-mobile-apps`](../sleek-design-mobile-apps/SKILL.md) | Sleek platform: design screens, projects, assets via natural language (account req.) |
135| [`liquid-glass-skill`](../liquid-glass-skill/SKILL.md) | iOS 26 Liquid Glass: .glassEffect(), GlassEffectContainer, migration patterns |
136| [`swiftui-claude-skills`](../swiftui-claude-skills/SKILL.md) | WWDC 2025 verified SwiftUI, iOS 26.4 RC, Xcode 26 |
137| [`swiftui-design-skill`](../swiftui-design-skill/SKILL.md) | SwiftUI visual design craft — anti-AI-slop, typography, color, brand |
138| [`material-3-skill`](../material-3-skill/SKILL.md) | Material Design 3 / Material You: dynamic color, tonal surfaces, 30+ components (Compose + Flutter) |
139
140### Accessibility & Quality
141
142| Skill | Best for |
143|-------|----------|
144| [`fixing-accessibility`](../fixing-accessibility/SKILL.md) | ARIA, keyboard nav, focus management, contrast fixes |
145| [`fixing-motion-performance`](../fixing-motion-performance/SKILL.md) | Layout thrashing, compositor, scroll-linked animation |
146| [`wcag-audit-patterns`](../wcag-audit-patterns/SKILL.md) | WCAG 2.2 audits with remediation |
147| [`addyosmani-quality`](../addyosmani-quality/SKILL.md) | 6-skill suite: a11y, Lighthouse, CWV, perf, SEO, best practices |
148| [`cloudflare-web-perf`](../cloudflare-web-perf/SKILL.md) | Core Web Vitals: LCP, INP, CLS fixes |
149| [`react-doctor`](../react-doctor/SKILL.md) | React security, performance, correctness scoring |
150| [`mastepanoski-skills`](../mastepanoski-skills/SKILL.md) | 6 audits: ux-rethink, Nielsen, WCAG POUR, Don Norman, cognitive walkthrough |
151| [`wcag-ai-skill`](../wcag-ai-skill/SKILL.md) | WCAG 2.2 full workflow: design → frontend → QA → conformance docs |
152| [`accessibility-agents`](../accessibility-agents/SKILL.md) | 25 specialist a11y agents: web code, Office/PDF docs, markdown auditors |
153| [`dark-pattern-audit`](../dark-pattern-audit/SKILL.md) | Static audit of codebase + copy for deceptive dark patterns — confidence-graded, source-located |
154
155### Design Review & Creative Direction
156
157| Skill | Best for |
158|-------|----------|
159| [`creative-director`](../creative-director/SKILL.md) | 20+ ideation methods, Cannes/D&AD evaluation |
160| [`design-brief`](../design-brief/SKILL.md) | Structured design briefs from loose requirements |
161| [`design-consultation`](../design-consultation/SKILL.md) | Complete design system from scratch |
162| [`design-review-garrytan`](../design-review-garrytan/SKILL.md) | Visual audit + atomic fix commits |
163| [`plan-design-review`](../plan-design-review/SKILL.md) | Scored critique (0–10) with AI slop detection |
164| [`design-html`](../design-html/SKILL.md) | Implement designs as production HTML/CSS |
165| [`digidai-pm`](../digidai-pm/SKILL.md) | Senior PM: 30+ frameworks, SaaS metrics |
166| [`ux-ui-mastery`](../ux-ui-mastery/SKILL.md) | 19 skills: cognitive psych, spatial UX, ambient UI, iOS 26, WCAG 3.0 |
167| [`designer-skills`](../designer-skills/SKILL.md) | 91 skills, 28 commands: design research, systems, ux-strategy, critique |
168| [`design-with-claude`](../design-with-claude/SKILL.md) | Deterministic WCAG/token audit + design slash commands: dashboards, b2b SaaS, healthcare UX, onboarding |
169| [`ux-designer-skill`](../ux-designer-skill/SKILL.md) | Synthesizes 19 authoritative UX sources (NNG, Laws of UX) — 2026 best practices |
170| [`wondelai-skills`](../wondelai-skills/SKILL.md) | Book-derived: Refactoring UI, Design of Everyday Things, Sprint, Lean UX |
171| [`design-impact-reporting`](../design-impact-reporting/SKILL.md) | Design ROI: user→product→business metrics, scorecard / before-after / A-B / portfolio |
172| [`design-debt-audit`](../design-debt-audit/SKILL.md) | Design-debt taxonomy + audit process + Severity×Frequency/Effort scoring + register |
173| [`design-negotiation`](../design-negotiation/SKILL.md) | Advocacy scripts: timeline / scope / stakeholder override / headcount, evidence-based |
174| [`service-blueprint`](../service-blueprint/SKILL.md) | NN/g service blueprints: 5 swim lanes, lines of visibility, JSON schema + render pipeline |
175
176### Design Research
177
178| Skill | Best for |
179|-------|----------|
180| [`user-research-cookiy`](../user-research-cookiy/SKILL.md) | End-to-end user research: study planning, AI-moderated interviews, survey design, transcript synthesis, research reports |
181| [`software-ux-research`](../software-ux-research/SKILL.md) | Research ops: survey design, repository management, usability testing (ISO 9241), JTBD |
182
183### Figma & Design-to-Code
184
185| Skill | Best for |
186|-------|----------|
187| [`figma-official-skills`](../figma-official-skills/SKILL.md) | 7 official Figma skills: implement, generate, library, code-connect |
188| [`openai-skills`](../openai-skills/SKILL.md) | OpenAI's 9 skills: Figma + frontend + slides + imagegen |
189| [`google-stitch-skills`](../google-stitch-skills/SKILL.md) | 6 Stitch skills: design-md, react-components, shadcn, loop |
190| [`extract-design-md`](../extract-design-md/SKILL.md) | Extract Stitch output into DESIGN.md format |
191| [`claude2figma`](../claude2figma/SKILL.md) | 4 skills enforcing token compliance: colors/fonts/spacing bind to Figma variables |
192| [`work-with-design-systems`](../work-with-design-systems/SKILL.md) | Inspect (WCAG audit) + Build (6-phase with variable bindings) dual-mode |
193| [`figma-variables-tokens-generator`](../figma-variables-tokens-generator/SKILL.md) | Questionnaire → W3C token ZIP + Figma plugin for import |
194| [`figma-skill`](../figma-skill/SKILL.md) | Figma API + Community resources → design tokens → 7 frameworks |
195| [`extract-design-system`](../extract-design-system/SKILL.md) | Reverse-engineers tokens from any live website → tokens.json + tokens.css |
196
197### Official Platform Suites
198
199| Skill | Best for |
200|-------|----------|
201| [`anthropics-skills`](../anthropics-skills/SKILL.md) | 6 Anthropic skills: frontend-design, artifacts, canvas, theme, brand, pptx |
202| [`vercel-skills`](../vercel-skills/SKILL.md) | 4 Vercel skills: web-design-guidelines, components, React best practices |
203| [`microsoft-skills`](../microsoft-skills/SKILL.md) | 2 Microsoft skills: design review, dark-theme React |
204| [`software-mansion-skills`](../software-mansion-skills/SKILL.md) | Official Software Mansion: RN animations, gestures, SVG, on-device AI |
205| [`callstack-agent-skills`](../callstack-agent-skills/SKILL.md) | Official Callstack: RN best practices, profiling, Turbo Modules, upgrade |
206| [`expo-skills`](../expo-skills/SKILL.md) | Official Expo: Expo SDK, EAS Build/Submit, Expo Router |
207
208### Diagrams & Wireframing
209
210| Skill | Best for |
211|-------|----------|
212| [`excalidraw-diagram`](../excalidraw-diagram/SKILL.md) | Excalidraw with visual validation loop (3.2k stars) |
213| [`hand-drawn-diagrams`](../hand-drawn-diagrams/SKILL.md) | Quick hand-drawn sketch diagrams |
214| [`excalidraw-agents365`](../excalidraw-agents365/SKILL.md) | Excalidraw tuned for coding agent workflows |
215| [`wireframer`](../wireframer/SKILL.md) | Low-fidelity wireframes, structure-first |
216| [`softaworks-agent-toolkit`](../softaworks-agent-toolkit/SKILL.md) | 40+ skills: mermaid, excalidraw, draw-io, C4, marp |
217| [`nimbalyst-skills`](../nimbalyst-skills/SKILL.md) | Excalidraw with MCP tools, mockups, data models |
218| [`wireframe-skill`](../wireframe-skill/SKILL.md) | NL → wireframe JSON + interactive HTML with drag/drop, undo/redo |
219| [`claude-wireframe-skill`](../claude-wireframe-skill/SKILL.md) | 5 UX approaches as interactive prototypes — B&W first then color variants |
220
221### Data Visualization & Charts
222
223| Skill | Best for |
224|-------|----------|
225| [`antvis-chart-skills`](../antvis-chart-skills/SKILL.md) | 7 AntV skills: 26+ chart types, 98.2% accuracy |
226| [`markdown-viewer-skills`](../markdown-viewer-skills/SKILL.md) | 14 skills: Vega, PlantUML, JSON Canvas, infographics |
227| [`d3js-skill`](../d3js-skill/SKILL.md) | D3.js: data binding, scales, transitions, interactive charts |
228| [`data-viz-agent`](../data-viz-agent/SKILL.md) | Multi-library agent: D3/Chart.js/Plotly/Matplotlib |
229| [`claud3`](../claud3/SKILL.md) | D3 v7 + Tufte principles: 80+ chart types, dark theme, annotations |
230| [`data-analysis-skill`](../data-analysis-skill/SKILL.md) | Multi-expert parallel analysis → HTML reports + PowerPoint export |
231
232### 3D, Creative & Media
233
234| Skill | Best for |
235|-------|----------|
236| [`cloudai-threejs`](../cloudai-threejs/SKILL.md) | Three.js 3D scenes, animations, WebGL |
237| [`fal-ai-skills`](../fal-ai-skills/SKILL.md) | fal.ai image/video and 3D model generation |
238| [`composio-artifacts`](../composio-artifacts/SKILL.md) | Artifacts connected to GitHub/Slack/Linear via Composio |
239| [`webgpu-claude-skill`](../webgpu-claude-skill/SKILL.md) | Three.js TSL, node materials, GPU compute, WGSL — r183+ |
240| [`threejs-ecs-ts`](../threejs-ecs-ts/SKILL.md) | Three.js + Entity Component Systems + TypeScript |
241| [`threejs-claude-skill-package`](../threejs-claude-skill-package/SKILL.md) | 24 skills: WebGL, WebGPU, R3F, physics, IFC/BIM architecture |
242| [`generative-media-skills`](../generative-media-skills/SKILL.md) | 41 workflows: Midjourney v7, Flux Kontext, Kling 3.0, Veo3, Suno audio |
243| [`open-design`](../open-design/SKILL.md) | 31 skills + 71 brand design systems — local-first Claude Design alternative |
244| [`superdesign-skill`](../superdesign-skill/SKILL.md) | Infinite-canvas ideation: brand extraction, design drafts, IDE-native |
245
246### Presentations
247
248| Skill | Best for |
249|-------|----------|
250| [`nanobanan-ppt`](../nanobanan-ppt/SKILL.md) | AI-powered PPT with document analysis and image generation |
251| [`guizang-ppt`](../guizang-ppt/SKILL.md) | Structured PowerPoint from outline (no API deps) |
252| [`frontend-slides`](../frontend-slides/SKILL.md) | Animation-rich HTML presentations |
253| [`revealjs-skill`](../revealjs-skill/SKILL.md) | Reveal.js: themes, Chart.js, speaker notes, PDF export |
254| [`marp-slides`](../marp-slides/SKILL.md) | MARP + 22 example decks, SVG charts, dashboard components |
255| [`slidev-skill`](../slidev-skill/SKILL.md) | Official Slidev: developer presentations in Markdown with Vue + animations |
256| [`cc-slidev`](../cc-slidev/SKILL.md) | Slidev plugin with evidence-based design guardrails for tech talks |
257| [`marp-slide-quality`](../marp-slide-quality/SKILL.md) | SlideGauge scoring: overflow, contrast, density checks before render |
258
259### Product & PM
260
261| Skill | Best for |
262|-------|----------|
263| [`deanpeters-pm-skills`](../deanpeters-pm-skills/SKILL.md) | 9 skills: journey maps, OST, story mapping, PRD |
264| [`phuryn-pm-skills`](../phuryn-pm-skills/SKILL.md) | 65 skills / 8 plugins: discovery, strategy, execution, market research, data analytics, GTM, growth |
265| [`coreyhaines-marketing`](../coreyhaines-marketing/SKILL.md) | 3 CRO skills: onboarding, page, signup flow |
266| [`pm-skills`](../pm-skills/SKILL.md) | 55 skills: Triple Diamond, 26 phases, Design Sprint, Foundation Sprint |
267| [`claude-pm-skills`](../claude-pm-skills/SKILL.md) | Product thinking, discovery, prioritization, launch |
268| [`design-sprint`](../design-sprint/SKILL.md) | Research codebase → design feature → decompose into parent + sub-issues with dependencies |
269| [`product-position`](../product-position/SKILL.md) | B2B SaaS positioning: messaging hierarchy, competitive framing, strategic narrative — Dunford + JTBD frameworks |
270| [`lenny-skills`](../lenny-skills/SKILL.md) | 86 PM skills: behavioral product design, surveys, user interviews, design reviews, onboarding, growth loops (945 ★) |
271| [`assimovt-productskills`](../assimovt-productskills/SKILL.md) | 16 skills: roadmaps, North Star metrics, A/B experiments, competitor analysis, strategy docs, Shape Up scoping |
272| [`chadboyda-gtm`](../chadboyda-gtm/SKILL.md) | 18 go-to-market skills: positioning/ICP, pricing, sales motion, outbound, launches, GTM metrics |
273
274### Content Design & Copy
275
276| Skill | Best for |
277|-------|----------|
278| [`ux-writing-skill`](../ux-writing-skill/SKILL.md) | Microcopy, button labels, error messages, empty states, form copy, a11y writing |
279| [`copywriting-skill`](../copywriting-skill/SKILL.md) | Landing pages, product copy, email sequences, headlines, tone-of-voice (5 sub-skills) |
280| [`humanize-text`](../humanize-text/SKILL.md) | Score + rewrite text across 7 AI-pattern dimensions; works on raw text, Figma URLs, screenshots |
281| [`content-strategy`](../content-strategy/SKILL.md) | Content audit, content model, voice/tone, governance, content hierarchy |
282
283### Email Design
284
285| Skill | Best for |
286|-------|----------|
287| [`email-html-mjml`](../email-html-mjml/SKILL.md) | MJML 4.x → cross-client HTML email, WCAG 2.1 AA, Outlook-safe |
288
289### TUI & Terminal Design
290
291| Skill | Best for |
292|-------|----------|
293| [`tui-design-skill`](../tui-design-skill/SKILL.md) | Terminal UI design: Bubble Tea (Go), Ratatui (Rust), Textual (Python), Ink (TS) |
294| [`textual-tui-skill`](../textual-tui-skill/SKILL.md) | Textual (Python) deep-dive: 40+ widgets, TCSS, reactive, workers, Pilot testing |
295
296---
297
298## Routing guide
299
300| User says | Route to |
301|-----------|----------|
302| "good taste", "anti slop", "premium UI", "not generic" | `taste-skill` or `ui-craft` |
303| "design variance", "motion intensity", "visual density" | `taste-skill` |
304| "no Inter font", "no 3-column cards", "no centered hero" | `taste-skill` or `ui-craft` |
305| "anti-slop detector", "33 rules", "ui-craft", "18 slash commands" | `ui-craft` |
306| "polish", "micro-interactions", "make it feel better" | `make-interfaces-better` |
307| "animation principles", "easing curves" | `emilkowalski-skill` |
308| "GLSL", "ray march", "WebGL shader" | `shader-dev` |
309| "generative art", "p5.js", "particle system" | `algorithmic-art` or `p5js-hermes` |
310| "Three.js", "3D scene", "WebGL 3D" | `cloudai-threejs` |
311| "Figma to code", "implement Figma" | `figma-official-skills` |
312| "Stitch", "DESIGN.md", "stitch loop" | `google-stitch-skills` |
313| "color palette", "OKLCH", "color science" | `color-expert` |
314| "WCAG", "accessibility audit", "contrast" | `fixing-accessibility` or `addyosmani-quality` |
315| "Core Web Vitals", "LCP", "CLS" | `cloudflare-web-perf` or `addyosmani-quality` |
316| "React performance", "React audit" | `react-doctor` |
317| "design review", "visual audit", "AI slop" | `plan-design-review` |
318| "design system", "build from scratch" | `design-consultation` |
319| "Apple HIG", "iOS design", "visionOS" | `apple-hig-skills` |
320| "HIG compliance", "fix HIG" | `hig-doctor` |
321| "mermaid", "C4 diagram", "draw.io" | `softaworks-agent-toolkit` |
322| "excalidraw" | `excalidraw-diagram` |
323| "wireframe", "lo-fi", "layout skeleton" | `wireframer` |
324| "D3", "chart", "data visualization" | `d3js-skill` or `antvis-chart-skills` |
325| "customer journey", "user story", "PRD" | `deanpeters-pm-skills` or `phuryn-pm-skills` |
326| "CRO", "conversion", "onboarding" | `coreyhaines-marketing` |
327| "PowerPoint", "slides", "presentation" | `guizang-ppt` or `nanobanan-ppt` |
328| "HTML presentation", "animated slides" | `frontend-slides` |
329| "shadcn", "shadcn component" | `shadcn-ui` |
330| "platform design", "cross-platform rules" | `platform-design-skills` |
331| "creative strategy", "campaign concept", "SCAMPER" | `creative-director` |
332| "design brief", "requirements spec" | `design-brief` |
333| "motion principles", "purposeful motion", "motion audit", "AI slop motion", "hover state design", "micro-interaction design", "Emil Kowalski motion", "Jhey Tompkins" | `design-motion-principles` |
334| "GSAP", "ScrollTrigger", "GreenSock" | `gsap-skills` |
335| "Framer Motion", "framer animation", "layout animation" | `framer-motion-skills` |
336| "Lottie", "motion principles", "Disney principles" | `motion-design-skill` |
337| "SVG logo animation", "wiggle", "logo GIF" | `wiggle-claude-skill` |
338| "Animate.css", "bounce", "fadeIn" | `animate-css-skill` |
339| "Babylon.js", "A-Frame", "PixiJS", "Rive" | `claudedesignskills` |
340| "HTML to video", "render video", "HeyGen" | `hyperframes` |
341| "Reveal.js", "revealjs presentation" | `revealjs-skill` |
342| "Marp", "MARP slides" | `marp-slides` |
343| "Slidev", "developer slides Vue" | `slidev-skill` |
344| "Marp quality", "slide overflow check" | `marp-slide-quality` |
345| "design tokens", "DTCG", "W3C tokens", "Terrazzo" | `design-tokens-skill` |
346| "Google Fonts", "font pairing", "typography scale" | `google-fonts-skill` |
347| "mobile app design", "touch targets", "thumb zones" | `mobile-app-design` |
348| "iOS 26", "Liquid Glass", "glassEffect" | `liquid-glass-skill` |
349| "SwiftUI iOS 26", "WWDC 2025 SwiftUI" | `swiftui-claude-skills` |
350| "SwiftUI design", "SwiftUI visual design", "iOS visual design" | `swiftui-design-skill` |
351| "WCAG 2.2 guidance", "conformance docs" | `wcag-ai-skill` |
352| "25 a11y agents", "PDF accessibility", "document a11y" | `accessibility-agents` |
353| "Don Norman audit", "cognitive walkthrough", "ux-rethink" | `mastepanoski-skills` |
354| "91 design skills", "design ops", "visual critique" | `designer-skills` |
355| "audit my design system", "healthcare UX", "b2b SaaS UX" | `design-with-claude` |
356| "UX principles", "Laws of UX", "usability guidelines" | `ux-designer-skill` |
357| "Refactoring UI", "Design Sprint book", "Lean UX" | `wondelai-skills` |
358| "user journey", "journey mapping", "Playwright UX" | `neo-user-journey` |
359| "design score", "19-category audit", "dark patterns audit" | `design-auditor` |
360| "Figma token compliance", "Figma variables enforcement" | `claude2figma` |
361| "extract tokens website", "reverse-engineer CSS" | `extract-design-system` |
362| "Figma design system build", "variable bindings" | `work-with-design-systems` |
363| "React Native animations", "Reanimated", "Gesture Handler" | `software-mansion-skills` |
364| "Expo", "EAS Build", "Expo Router" | `expo-skills` |
365| "React Native profiling", "Turbo Modules", "brownfield" | `callstack-agent-skills` |
366| "D3 Tufte", "80 chart types", "dark chart" | `claud3` |
367| "parallel data analysis", "data to PowerPoint" | `data-analysis-skill` |
368| "WebGPU", "TSL Three.js", "GPU compute" | `webgpu-claude-skill` |
369| "Three.js ECS", "entity component 3D" | `threejs-ecs-ts` |
370| "Three.js BIM", "IFC architecture", "AEC 3D" | `threejs-claude-skill-package` |
371| "Midjourney workflow", "Kling", "Veo3", "Flux Kontext" | `generative-media-skills` |
372| "infinite canvas design", "SuperDesign" | `superdesign-skill` |
373| "open-design platform", "31 design skills local" | `open-design` |
374| "Triple Diamond PM", "55 PM skills", "Design Sprint method" | `pm-skills` |
375| "MJML", "HTML email", "Outlook-safe email" | `email-html-mjml` |
376| "terminal UI", "TUI", "Bubble Tea", "Ratatui", "Textual" | `tui-design-skill` |
377| "brand tokens Stripe", "62 brands" | `brand-design-md` |
378| "aesthetic anchor", "Brutalist CSS", "Nordic design" | `frontend-design` |
379| "logo SVG", "brand interview", "logo PNG" | `logo-designer-skill` |
380| "AI Midjourney design", "AI Creative Director" | `ai-graphic-design-skill` |
381| "button label", "error message copy", "empty state", "microcopy" | `ux-writing-skill` |
382| "landing page copy", "product copy", "tone of voice", "headline" | `copywriting-skill` |
383| "remove AI patterns", "de-slop", "AI writing", "humanize text" | `humanize-text` |
384| "Material Design 3", "Material You", "MD3", "Jetpack Compose design" | `material-3-skill` |
385| "brand skin", "design token engine", "styleseed" | `styleseed` |
386| "design aesthetic", "glassmorphism", "brutalism style", "claymorphism" | `awesome-design-skills` |
387| "Textual TUI", "Textual Python", "Textual widget", "TCSS" | `textual-tui-skill` |
388| "interaction design", "component states", "affordance", "micro-interaction timing" | `interaction-design` |
389| "Storybook", "Storybook story", "CSF", "Chromatic visual regression" | `format-storybook` |
390| "user research", "user interview", "research synthesis", "usability study" | `user-research-cookiy` |
391| "feature design sprint", "design to issues", "decompose feature" | `design-sprint` |
392| "product positioning", "messaging hierarchy", "value proposition", "competitive framing" | `product-position` |
393| "behavioral product design", "designing surveys", "running design reviews", "growth loops" | `lenny-skills` |
394| "roadmap planning", "North Star metric", "experiment design", "competitor analysis", "Shape Up" | `assimovt-productskills` |
395| "go-to-market skills", "GTM operator", "sales motion", "AI SDR", "pricing strategy" | `chadboyda-gtm` |
396| "dark patterns", "deceptive design", "manipulative UI", "hidden fees code" | `dark-pattern-audit` |
397
398## No match
399
400If intent doesn't match any stub:
401- Say so directly: "No stub in this catalogue covers [X] yet."
402- Suggest checking the repo for new additions
403- Offer to help build a stub if they have an upstream skill in mind
podo