design-agent-skills 1.4.2

package/skills/design-catalogue/SKILL.md

@@ -0,0 +1,346 @@
+---
+name: design-catalogue
+description: |
+  Catalogue navigator for design-agent-skills. Lists available design skill stubs,
+  matches user intent to the right stub, and routes to install and invoke.
+  Use when the user wants to browse or find the right design skill.
+triggers:
+  - "what design skills"
+  - "find a design skill"
+  - "browse design skills"
+  - "which skill for design"
+  - "design skill for"
+  - "show me design skills"
+  - "what skills do you have"
+das:
+  category: meta
+  type: navigator
+  catalogue: true
+---
+
+# design-catalogue
+
+Meta-skill for this catalogue. Activate when the user wants to browse, discover, or find
+the right design skill — not when they've already named one.
+
+## When to use
+
+Activate when the user:
+- Asks what design skills exist ("what skills do you have?", "show me design skills")
+- Describes a problem but names no skill ("I want premium UI", "make it not look generic")
+- Asks which skill fits a task ("what should I use for animations?", "which for good taste?")
+
+Do **not** activate if the user already named a specific skill — route directly to that stub.
+
+## How to respond
+
+1. Present the relevant section of the catalogue index below
+2. Recommend the best match with a one-line reason
+3. Show the stub's install command for the match
+4. Ask if they want to install and invoke it
+
+> For `type:package` and `type:platform` stubs: show the `npx skills add` or per-agent
+> install command from the stub. These must not be curl'd directly.
+
+## Domain fast-path
+
+When the user's intent is clearly within one domain, route directly to that domain catalogue
+instead of scrolling the full index below:
+
+| Domain | Route to | When |
+|--------|----------|------|
+| Motion, 3D, shaders, generative art | `motion-catalogue` | GSAP, Framer Motion, Three.js, Lottie, p5.js, shaders, video |
+| Figma, design-to-code, tokens, platform suites | `figma-catalogue` | Figma skills, Stitch, design tokens, Anthropic/Vercel/Expo suites |
+| Accessibility, WCAG, web performance | `accessibility-catalogue` | a11y audit, WCAG 2.2, Core Web Vitals, React quality |
+| UI craft, visual design, brand, mobile | `design-engineering-catalogue` | Taste, color, typography, iOS/Android, brand identity |
+| Slides, diagrams, data viz, PM, design review | `content-catalogue` | Presentations, wireframes, charts, UX strategy, product frameworks |
+
+## Catalogue index
+
+### Design Engineering (opinionated UI taste)
+
+| Skill | Best for |
+|-------|----------|
+| [`taste-skill`](../taste-skill/SKILL.md) | Premium, non-generic UI — variance, motion, density dials |
+| [`impeccable`](../impeccable/SKILL.md) | 23 commands, Chrome extension, Live Mode browser iteration |
+| [`emilkowalski-skill`](../emilkowalski-skill/SKILL.md) | Animation decision framework, easing curves, interaction principles |
+| [`make-interfaces-better`](../make-interfaces-better/SKILL.md) | Polish: micro-interactions, typography details, visual refinement |
+| [`ui-craft`](../ui-craft/SKILL.md) | 18 slash commands, anti-slop CLI, 3 style variants — deepest design engineering skill |
+| [`frontend-design`](../frontend-design/SKILL.md) | 8 aesthetic anchors (Brutalist, Nordic, Cyberpunk…) with locked CSS tokens per theme |
+| [`huashu-design`](../huashu-design/SKILL.md) | Magazine-grade typography, CSS Grid, animated prototypes, MP4 export |
+| [`brand-design-md`](../brand-design-md/SKILL.md) | Fetches exact tokens for 62 world-class brands (Stripe, Linear, Apple…) at runtime |
+| [`ai-graphic-design-skill`](../ai-graphic-design-skill/SKILL.md) | Maps 15 AI tools to design scenarios + 2025-26 Creative Director roadmap |
+| [`logo-designer-skill`](../logo-designer-skill/SKILL.md) | Brand interview → 3-5 SVG concepts → PNG export 16px–2048px |
+| [`distinctive-frontend`](../distinctive-frontend/SKILL.md) | 4 themed design systems (Cyberpunk, Brutalist, Vaporwave, Nordic) with staggered animations |
+| [`design-for-ai`](../design-for-ai/SKILL.md) | CHECKER (7-category audit) + APPLIER (6-phase creation) dual-mode plugin |
+
+### Motion & Animation
+
+| Skill | Best for |
+|-------|----------|
+| [`algorithmic-art`](../algorithmic-art/SKILL.md) | Generative art with p5.js, flow fields, particle systems |
+| [`shader-dev`](../shader-dev/SKILL.md) | GLSL shaders: ray marching, fluid simulation, WebGL effects |
+| [`p5js-hermes`](../p5js-hermes/SKILL.md) | p5.js creative coding: noise, particles, GLSL, audio-reactive |
+| [`remotion`](../remotion/SKILL.md) | Programmatic video with React |
+| [`motion-design-skill`](../motion-design-skill/SKILL.md) | Official LottieFiles: timing, easing, choreography, Disney 12 principles for UI |
+| [`gsap-skills`](../gsap-skills/SKILL.md) | Official GSAP: 8 skills — core, timeline, ScrollTrigger, Flip, Draggable, SplitText |
+| [`framer-motion-skills`](../framer-motion-skills/SKILL.md) | 6 Framer Motion skills: core, Next.js, variants, scroll, gestures, layout |
+| [`animate-skill`](../animate-skill/SKILL.md) | Emil-inspired Next.js/React patterns: hover, toast, text reveal, modals |
+| [`animate-css-skill`](../animate-css-skill/SKILL.md) | Animate.css v4 + scroll triggers + RTL + prefers-reduced-motion |
+| [`css-animation-skill`](../css-animation-skill/SKILL.md) | Scrapes live app design language, interviews, produces standalone animation file |
+| [`wiggle-claude-skill`](../wiggle-claude-skill/SKILL.md) | Animates SVG logos → Lottie JSON → GIF + MP4 |
+| [`claudedesignskills`](../claudedesignskills/SKILL.md) | 22-skill bundle: Three.js, GSAP, R3F, Framer, Babylon, A-Frame, PixiJS, Rive, Lottie |
+| [`hyperframes`](../hyperframes/SKILL.md) | "Write HTML → render video": GSAP/CSS/Lottie/Three.js + TTS media (HeyGen) |
+
+### Interaction & Polish
+
+| Skill | Best for |
+|-------|----------|
+| [`taste-design-stitch`](../taste-design-stitch/SKILL.md) | Aesthetic judgment for Google Stitch output |
+| [`design-lab`](../design-lab/SKILL.md) | Interactive design exploration, variant generation |
+| [`interface-design-dammyjay`](../interface-design-dammyjay/SKILL.md) | Dashboards, admin panels, SaaS information-dense UI |
+| [`bencium-ux-designer`](../bencium-ux-designer/SKILL.md) | Distinctive, production-grade frontend |
+| [`neo-user-journey`](../neo-user-journey/SKILL.md) | UX journey mapping + Playwright testing + 50+ patterns + Nielsen scoring |
+| [`simota-agent-skills`](../simota-agent-skills/SKILL.md) | 15 design sub-skills: Vision, Frame (Figma bridge), Pixel, Clay, Ink, Sketch |
+| [`design-auditor`](../design-auditor/SKILL.md) | 19-category audit: typography, dark mode, RTL, dark patterns; 0-100 score |
+
+### Visual, Components & Color
+
+| Skill | Best for |
+|-------|----------|
+| [`color-expert`](../color-expert/SKILL.md) | OKLCH/OKLAB color science, palette generation, contrast |
+| [`baseline-ui`](../baseline-ui/SKILL.md) | Animation durations, typography scale, Tailwind anti-patterns |
+| [`shadcn-ui`](../shadcn-ui/SKILL.md) | shadcn/ui component workflow |
+| [`ui-ux-pro-max`](../ui-ux-pro-max/SKILL.md) | 50+ styles, 97 palettes, 9 tech stacks |
+| [`platform-design-skills`](../platform-design-skills/SKILL.md) | 300+ HIG/MD3/WCAG rules for cross-platform |
+| [`apple-hig-skills`](../apple-hig-skills/SKILL.md) | Apple HIG: iOS, macOS, visionOS, watchOS, tvOS |
+| [`hig-doctor`](../hig-doctor/SKILL.md) | Diagnose and fix Apple HIG violations |
+| [`swiftui-patterns`](../swiftui-patterns/SKILL.md) | SwiftUI view and component best practices |
+| [`ink-google`](../ink-google/SKILL.md) | Ink-style editorial design for artifacts |
+| [`design-tokens-skill`](../design-tokens-skill/SKILL.md) | W3C DTCG token spec: OKLCH, references/aliasing, Terrazzo, Figma exports |
+| [`google-fonts-skill`](../google-fonts-skill/SKILL.md) | 1,923 Google Fonts with mood tags + 73 pairings + CSS vars + Tailwind config |
+| [`mobile-app-design`](../mobile-app-design/SKILL.md) | iOS HIG + Android MD3 + RN best practices — 26K words |
+| [`mobile-app-ui-design`](../mobile-app-ui-design/SKILL.md) | Professional mobile UI: intentional, smooth, alive interfaces |
+| [`sleek-design-mobile-apps`](../sleek-design-mobile-apps/SKILL.md) | Sleek platform: design screens, projects, assets via natural language (account req.) |
+| [`liquid-glass-skill`](../liquid-glass-skill/SKILL.md) | iOS 26 Liquid Glass: .glassEffect(), GlassEffectContainer, migration patterns |
+| [`swiftui-claude-skills`](../swiftui-claude-skills/SKILL.md) | WWDC 2025 verified SwiftUI, iOS 26.4 RC, Xcode 26 |
+
+### Accessibility & Quality
+
+| Skill | Best for |
+|-------|----------|
+| [`fixing-accessibility`](../fixing-accessibility/SKILL.md) | ARIA, keyboard nav, focus management, contrast fixes |
+| [`fixing-motion-performance`](../fixing-motion-performance/SKILL.md) | Layout thrashing, compositor, scroll-linked animation |
+| [`wcag-audit-patterns`](../wcag-audit-patterns/SKILL.md) | WCAG 2.2 audits with remediation |
+| [`addyosmani-quality`](../addyosmani-quality/SKILL.md) | 6-skill suite: a11y, Lighthouse, CWV, perf, SEO, best practices |
+| [`cloudflare-web-perf`](../cloudflare-web-perf/SKILL.md) | Core Web Vitals: LCP, INP, CLS fixes |
+| [`react-doctor`](../react-doctor/SKILL.md) | React security, performance, correctness scoring |
+| [`mastepanoski-skills`](../mastepanoski-skills/SKILL.md) | 6 audits: ux-rethink, Nielsen, WCAG POUR, Don Norman, cognitive walkthrough |
+| [`wcag-ai-skill`](../wcag-ai-skill/SKILL.md) | WCAG 2.2 full workflow: design → frontend → QA → conformance docs |
+| [`accessibility-agents`](../accessibility-agents/SKILL.md) | 25 specialist a11y agents: web code, Office/PDF docs, markdown auditors |
+
+### Design Review & Creative Direction
+
+| Skill | Best for |
+|-------|----------|
+| [`creative-director`](../creative-director/SKILL.md) | 20+ ideation methods, Cannes/D&AD evaluation |
+| [`design-brief`](../design-brief/SKILL.md) | Structured design briefs from loose requirements |
+| [`design-consultation`](../design-consultation/SKILL.md) | Complete design system from scratch |
+| [`design-review-garrytan`](../design-review-garrytan/SKILL.md) | Visual audit + atomic fix commits |
+| [`plan-design-review`](../plan-design-review/SKILL.md) | Scored critique (0–10) with AI slop detection |
+| [`design-html`](../design-html/SKILL.md) | Implement designs as production HTML/CSS |
+| [`digidai-pm`](../digidai-pm/SKILL.md) | Senior PM: 30+ frameworks, SaaS metrics |
+| [`ux-ui-mastery`](../ux-ui-mastery/SKILL.md) | 19 skills: cognitive psych, spatial UX, ambient UI, iOS 26, WCAG 3.0 |
+| [`designer-skills`](../designer-skills/SKILL.md) | 91 skills, 28 commands: design research, systems, ux-strategy, critique |
+| [`design-with-claude`](../design-with-claude/SKILL.md) | 38 design slash commands: dashboards, b2b SaaS, healthcare UX, onboarding |
+| [`ux-designer-skill`](../ux-designer-skill/SKILL.md) | Synthesizes 19 authoritative UX sources (NNG, Laws of UX) — 2026 best practices |
+| [`wondelai-skills`](../wondelai-skills/SKILL.md) | Book-derived: Refactoring UI, Design of Everyday Things, Sprint, Lean UX |
+
+### Figma & Design-to-Code
+
+| Skill | Best for |
+|-------|----------|
+| [`figma-official-skills`](../figma-official-skills/SKILL.md) | 7 official Figma skills: implement, generate, library, code-connect |
+| [`openai-skills`](../openai-skills/SKILL.md) | OpenAI's 9 skills: Figma + frontend + slides + imagegen |
+| [`google-stitch-skills`](../google-stitch-skills/SKILL.md) | 6 Stitch skills: design-md, react-components, shadcn, loop |
+| [`extract-design-md`](../extract-design-md/SKILL.md) | Extract Stitch output into DESIGN.md format |
+| [`claude2figma`](../claude2figma/SKILL.md) | 4 skills enforcing token compliance: colors/fonts/spacing bind to Figma variables |
+| [`work-with-design-systems`](../work-with-design-systems/SKILL.md) | Inspect (WCAG audit) + Build (6-phase with variable bindings) dual-mode |
+| [`figma-variables-tokens-generator`](../figma-variables-tokens-generator/SKILL.md) | Questionnaire → W3C token ZIP + Figma plugin for import |
+| [`figma-skill`](../figma-skill/SKILL.md) | Figma API + Community resources → design tokens → 7 frameworks |
+| [`extract-design-system`](../extract-design-system/SKILL.md) | Reverse-engineers tokens from any live website → tokens.json + tokens.css |
+
+### Official Platform Suites
+
+| Skill | Best for |
+|-------|----------|
+| [`anthropics-skills`](../anthropics-skills/SKILL.md) | 6 Anthropic skills: frontend-design, artifacts, canvas, theme, brand, pptx |
+| [`vercel-skills`](../vercel-skills/SKILL.md) | 4 Vercel skills: web-design-guidelines, components, React best practices |
+| [`microsoft-skills`](../microsoft-skills/SKILL.md) | 2 Microsoft skills: design review, dark-theme React |
+| [`software-mansion-skills`](../software-mansion-skills/SKILL.md) | Official Software Mansion: RN animations, gestures, SVG, on-device AI |
+| [`callstack-agent-skills`](../callstack-agent-skills/SKILL.md) | Official Callstack: RN best practices, profiling, Turbo Modules, upgrade |
+| [`expo-skills`](../expo-skills/SKILL.md) | Official Expo: Expo SDK, EAS Build/Submit, Expo Router |
+
+### Diagrams & Wireframing
+
+| Skill | Best for |
+|-------|----------|
+| [`excalidraw-diagram`](../excalidraw-diagram/SKILL.md) | Excalidraw with visual validation loop (3.2k stars) |
+| [`hand-drawn-diagrams`](../hand-drawn-diagrams/SKILL.md) | Quick hand-drawn sketch diagrams |
+| [`excalidraw-agents365`](../excalidraw-agents365/SKILL.md) | Excalidraw tuned for coding agent workflows |
+| [`wireframer`](../wireframer/SKILL.md) | Low-fidelity wireframes, structure-first |
+| [`softaworks-agent-toolkit`](../softaworks-agent-toolkit/SKILL.md) | 40+ skills: mermaid, excalidraw, draw-io, C4, marp |
+| [`nimbalyst-skills`](../nimbalyst-skills/SKILL.md) | Excalidraw with MCP tools, mockups, data models |
+| [`wireframe-skill`](../wireframe-skill/SKILL.md) | NL → wireframe JSON + interactive HTML with drag/drop, undo/redo |
+| [`claude-wireframe-skill`](../claude-wireframe-skill/SKILL.md) | 5 UX approaches as interactive prototypes — B&W first then color variants |
+
+### Data Visualization & Charts
+
+| Skill | Best for |
+|-------|----------|
+| [`antvis-chart-skills`](../antvis-chart-skills/SKILL.md) | 7 AntV skills: 26+ chart types, 98.2% accuracy |
+| [`markdown-viewer-skills`](../markdown-viewer-skills/SKILL.md) | 14 skills: Vega, PlantUML, JSON Canvas, infographics |
+| [`d3js-skill`](../d3js-skill/SKILL.md) | D3.js: data binding, scales, transitions, interactive charts |
+| [`data-viz-agent`](../data-viz-agent/SKILL.md) | Multi-library agent: D3/Chart.js/Plotly/Matplotlib |
+| [`claud3`](../claud3/SKILL.md) | D3 v7 + Tufte principles: 80+ chart types, dark theme, annotations |
+| [`data-analysis-skill`](../data-analysis-skill/SKILL.md) | Multi-expert parallel analysis → HTML reports + PowerPoint export |
+
+### 3D, Creative & Media
+
+| Skill | Best for |
+|-------|----------|
+| [`cloudai-threejs`](../cloudai-threejs/SKILL.md) | Three.js 3D scenes, animations, WebGL |
+| [`fal-ai-skills`](../fal-ai-skills/SKILL.md) | fal.ai image/video and 3D model generation |
+| [`composio-artifacts`](../composio-artifacts/SKILL.md) | Artifacts connected to GitHub/Slack/Linear via Composio |
+| [`webgpu-claude-skill`](../webgpu-claude-skill/SKILL.md) | Three.js TSL, node materials, GPU compute, WGSL — r183+ |
+| [`threejs-ecs-ts`](../threejs-ecs-ts/SKILL.md) | Three.js + Entity Component Systems + TypeScript |
+| [`threejs-claude-skill-package`](../threejs-claude-skill-package/SKILL.md) | 24 skills: WebGL, WebGPU, R3F, physics, IFC/BIM architecture |
+| [`generative-media-skills`](../generative-media-skills/SKILL.md) | 41 workflows: Midjourney v7, Flux Kontext, Kling 3.0, Veo3, Suno audio |
+| [`open-design`](../open-design/SKILL.md) | 31 skills + 71 brand design systems — local-first Claude Design alternative |
+| [`superdesign-skill`](../superdesign-skill/SKILL.md) | Infinite-canvas ideation: brand extraction, design drafts, IDE-native |
+
+### Presentations
+
+| Skill | Best for |
+|-------|----------|
+| [`nanobanan-ppt`](../nanobanan-ppt/SKILL.md) | AI-powered PPT with document analysis and image generation |
+| [`guizang-ppt`](../guizang-ppt/SKILL.md) | Structured PowerPoint from outline (no API deps) |
+| [`frontend-slides`](../frontend-slides/SKILL.md) | Animation-rich HTML presentations |
+| [`revealjs-skill`](../revealjs-skill/SKILL.md) | Reveal.js: themes, Chart.js, speaker notes, PDF export |
+| [`marp-slides`](../marp-slides/SKILL.md) | MARP + 22 example decks, SVG charts, dashboard components |
+| [`slidev-skill`](../slidev-skill/SKILL.md) | Official Slidev: developer presentations in Markdown with Vue + animations |
+| [`cc-slidev`](../cc-slidev/SKILL.md) | Slidev plugin with evidence-based design guardrails for tech talks |
+| [`marp-slide-quality`](../marp-slide-quality/SKILL.md) | SlideGauge scoring: overflow, contrast, density checks before render |
+
+### Product & PM
+
+| Skill | Best for |
+|-------|----------|
+| [`deanpeters-pm-skills`](../deanpeters-pm-skills/SKILL.md) | 9 skills: journey maps, OST, story mapping, PRD |
+| [`phuryn-pm-skills`](../phuryn-pm-skills/SKILL.md) | 6 skills: JTBD personas, interview scripts, PRD |
+| [`coreyhaines-marketing`](../coreyhaines-marketing/SKILL.md) | 3 CRO skills: onboarding, page, signup flow |
+| [`pm-skills`](../pm-skills/SKILL.md) | 63 skills: Triple Diamond, 30 phases, Design Sprint, Foundation Sprint |
+| [`claude-pm-skills`](../claude-pm-skills/SKILL.md) | Product thinking, discovery, prioritization, launch |
+
+### Email Design
+
+| Skill | Best for |
+|-------|----------|
+| [`email-html-mjml`](../email-html-mjml/SKILL.md) | MJML 4.x → cross-client HTML email, WCAG 2.1 AA, Outlook-safe |
+
+### TUI & Terminal Design
+
+| Skill | Best for |
+|-------|----------|
+| [`tui-design-skill`](../tui-design-skill/SKILL.md) | Terminal UI design: Bubble Tea (Go), Ratatui (Rust), Textual (Python), Ink (TS) |
+
+---
+
+## Routing guide
+
+| User says | Route to |
+|-----------|----------|
+| "good taste", "anti slop", "premium UI", "not generic" | `taste-skill` or `ui-craft` |
+| "design variance", "motion intensity", "visual density" | `taste-skill` |
+| "no Inter font", "no 3-column cards", "no centered hero" | `taste-skill` or `ui-craft` |
+| "anti-slop detector", "33 rules", "ui-craft", "18 slash commands" | `ui-craft` |
+| "polish", "micro-interactions", "make it feel better" | `make-interfaces-better` |
+| "animation principles", "easing curves" | `emilkowalski-skill` |
+| "GLSL", "ray march", "WebGL shader" | `shader-dev` |
+| "generative art", "p5.js", "particle system" | `algorithmic-art` or `p5js-hermes` |
+| "Three.js", "3D scene", "WebGL 3D" | `cloudai-threejs` |
+| "Figma to code", "implement Figma" | `figma-official-skills` |
+| "Stitch", "DESIGN.md", "stitch loop" | `google-stitch-skills` |
+| "color palette", "OKLCH", "color science" | `color-expert` |
+| "WCAG", "accessibility audit", "contrast" | `fixing-accessibility` or `addyosmani-quality` |
+| "Core Web Vitals", "LCP", "CLS" | `cloudflare-web-perf` or `addyosmani-quality` |
+| "React performance", "React audit" | `react-doctor` |
+| "design review", "visual audit", "AI slop" | `plan-design-review` |
+| "design system", "build from scratch" | `design-consultation` |
+| "Apple HIG", "iOS design", "visionOS" | `apple-hig-skills` |
+| "HIG compliance", "fix HIG" | `hig-doctor` |
+| "mermaid", "C4 diagram", "draw.io" | `softaworks-agent-toolkit` |
+| "excalidraw" | `excalidraw-diagram` |
+| "wireframe", "lo-fi", "layout skeleton" | `wireframer` |
+| "D3", "chart", "data visualization" | `d3js-skill` or `antvis-chart-skills` |
+| "customer journey", "user story", "PRD" | `deanpeters-pm-skills` or `phuryn-pm-skills` |
+| "CRO", "conversion", "onboarding" | `coreyhaines-marketing` |
+| "PowerPoint", "slides", "presentation" | `guizang-ppt` or `nanobanan-ppt` |
+| "HTML presentation", "animated slides" | `frontend-slides` |
+| "shadcn", "shadcn component" | `shadcn-ui` |
+| "platform design", "cross-platform rules" | `platform-design-skills` |
+| "creative strategy", "campaign concept", "SCAMPER" | `creative-director` |
+| "design brief", "requirements spec" | `design-brief` |
+| "GSAP", "ScrollTrigger", "GreenSock" | `gsap-skills` |
+| "Framer Motion", "framer animation", "layout animation" | `framer-motion-skills` |
+| "Lottie", "motion principles", "Disney principles" | `motion-design-skill` |
+| "SVG logo animation", "wiggle", "logo GIF" | `wiggle-claude-skill` |
+| "Animate.css", "bounce", "fadeIn" | `animate-css-skill` |
+| "Babylon.js", "A-Frame", "PixiJS", "Rive" | `claudedesignskills` |
+| "HTML to video", "render video", "HeyGen" | `hyperframes` |
+| "Reveal.js", "revealjs presentation" | `revealjs-skill` |
+| "Marp", "MARP slides" | `marp-slides` |
+| "Slidev", "developer slides Vue" | `slidev-skill` |
+| "Marp quality", "slide overflow check" | `marp-slide-quality` |
+| "design tokens", "DTCG", "W3C tokens", "Terrazzo" | `design-tokens-skill` |
+| "Google Fonts", "font pairing", "typography scale" | `google-fonts-skill` |
+| "mobile app design", "touch targets", "thumb zones" | `mobile-app-design` |
+| "iOS 26", "Liquid Glass", "glassEffect" | `liquid-glass-skill` |
+| "SwiftUI iOS 26", "WWDC 2025 SwiftUI" | `swiftui-claude-skills` |
+| "WCAG 2.2 guidance", "conformance docs" | `wcag-ai-skill` |
+| "25 a11y agents", "PDF accessibility", "document a11y" | `accessibility-agents` |
+| "Don Norman audit", "cognitive walkthrough", "ux-rethink" | `mastepanoski-skills` |
+| "91 design skills", "design ops", "visual critique" | `designer-skills` |
+| "38 design commands", "healthcare UX", "b2b SaaS UX" | `design-with-claude` |
+| "UX principles", "Laws of UX", "usability guidelines" | `ux-designer-skill` |
+| "Refactoring UI", "Design Sprint book", "Lean UX" | `wondelai-skills` |
+| "user journey", "journey mapping", "Playwright UX" | `neo-user-journey` |
+| "design score", "19-category audit", "dark patterns audit" | `design-auditor` |
+| "Figma token compliance", "Figma variables enforcement" | `claude2figma` |
+| "extract tokens website", "reverse-engineer CSS" | `extract-design-system` |
+| "Figma design system build", "variable bindings" | `work-with-design-systems` |
+| "React Native animations", "Reanimated", "Gesture Handler" | `software-mansion-skills` |
+| "Expo", "EAS Build", "Expo Router" | `expo-skills` |
+| "React Native profiling", "Turbo Modules", "brownfield" | `callstack-agent-skills` |
+| "D3 Tufte", "80 chart types", "dark chart" | `claud3` |
+| "parallel data analysis", "data to PowerPoint" | `data-analysis-skill` |
+| "WebGPU", "TSL Three.js", "GPU compute" | `webgpu-claude-skill` |
+| "Three.js ECS", "entity component 3D" | `threejs-ecs-ts` |
+| "Three.js BIM", "IFC architecture", "AEC 3D" | `threejs-claude-skill-package` |
+| "Midjourney workflow", "Kling", "Veo3", "Flux Kontext" | `generative-media-skills` |
+| "infinite canvas design", "SuperDesign" | `superdesign-skill` |
+| "open-design platform", "31 design skills local" | `open-design` |
+| "Triple Diamond PM", "63 PM skills", "Design Sprint method" | `pm-skills` |
+| "MJML", "HTML email", "Outlook-safe email" | `email-html-mjml` |
+| "terminal UI", "TUI", "Bubble Tea", "Ratatui", "Textual" | `tui-design-skill` |
+| "brand tokens Stripe", "62 brands" | `brand-design-md` |
+| "aesthetic anchor", "Brutalist CSS", "Nordic design" | `frontend-design` |
+| "logo SVG", "brand interview", "logo PNG" | `logo-designer-skill` |
+| "AI Midjourney design", "AI Creative Director" | `ai-graphic-design-skill` |
+
+## No match
+
+If intent doesn't match any stub:
+- Say so directly: "No stub in this catalogue covers [X] yet."
+- Suggest checking the repo for new additions
+- Offer to help build a stub if they have an upstream skill in mind

package/skills/design-catalogue/stub.yaml

@@ -0,0 +1,3 @@
+type: router
+tier: official
+note: "Meta-navigator for the design-agent-skills catalogue"

package/skills/design-consultation/SKILL.md

@@ -0,0 +1,58 @@
+---
+name: design-consultation
+description: |
+  Build a complete design system from scratch. Garry Tan's design consultation
+  skill: systematic approach to establishing visual language, component library,
+  spacing scale, and design tokens from first principles.
+triggers:
+  - "design consultation"
+  - "design system from scratch"
+  - "build design system"
+  - "design language"
+  - "visual language"
+das:
+  category: design-review
+  upstream: "https://github.com/garrytan/gstack"
+  upstream_path: "design-consultation/SKILL.md"
+  version: latest
+  install: true
+---
+
+# design-consultation
+
+> Catalogue stub — full skill: [garrytan/gstack](https://github.com/garrytan/gstack/blob/main/design-consultation/SKILL.md)
+
+## Decision tree
+
+1. **Is the full skill already installed?**
+   Check whether the skill at this location still has a `das:` block:
+   - Global: `grep -q "^das:" ~/.agents/skills/design-consultation/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/design-consultation/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - No `das:` block → full skill installed, invoke it and proceed
+   - `das:` block present → go to step 2
+
+2. **Detect scope, then install:**
+
+   To detect scope:
+   ```bash
+   [ -e ~/.agents/skills/design-consultation ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add garrytan/gstack --skill design-consultation -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add garrytan/gstack --skill design-consultation -y
+   ```
+
+## Invoke after install
+
+- Skill name: `design-consultation`
+- Trigger phrases: "design consultation", "design system from scratch", "build design system"
+
+## What it does
+
+Garry Tan's (Y Combinator president) approach to building a complete design system from scratch. Establishes visual language, spacing scale, typography system, color tokens, and component library through a structured consultation process. Opinionated, systematic, and practical for early-stage products.

package/skills/design-consultation/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: community
+upstream: https://github.com/garrytan/gstack
+upstream_path: design-consultation/SKILL.md
+version: latest

package/skills/design-engineering-catalogue/SKILL.md

@@ -0,0 +1,92 @@
+---
+name: design-engineering-catalogue
+description: |
+  Domain navigator for UI craft, visual design, brand, color, typography,
+  mobile design, and interactive design engineering skills. Routes to skills
+  for taste-driven UI, platform design (iOS/Android), components, color
+  science, and the full visual design stack.
+triggers:
+  - "UI design skills"
+  - "visual design skills"
+  - "design taste skills"
+  - "brand design skills"
+  - "color skills"
+  - "typography skills"
+  - "mobile design skills"
+  - "iOS skills"
+  - "SwiftUI skills"
+  - "component skills"
+---
+
+# design-engineering-catalogue
+
+Domain navigator for visual design, UI craft, brand, color, typography, and mobile design.
+Activate when the user asks for a skill that shapes how something looks and feels.
+
+→ For the full catalogue across all domains: use `design-catalogue`.
+
+## When to use
+
+Activate when the user:
+- Wants opinionated UI taste or aesthetic anchors
+- Needs brand identity, color science, or typography
+- Designs for iOS, Android, or cross-platform mobile
+- Wants component systems or design system foundations
+- Asks for interactive design exploration tools
+
+## Design Engineering (opinionated UI taste)
+
+| Skill | Best for |
+|-------|----------|
+| [`taste-skill`](../taste-skill/SKILL.md) | Premium, non-generic UI — variance, motion, density dials |
+| [`impeccable`](../impeccable/SKILL.md) | 23 commands, Chrome extension, Live Mode browser iteration |
+| [`make-interfaces-better`](../make-interfaces-better/SKILL.md) | Polish: micro-interactions, typography details, visual refinement |
+| [`ui-craft`](../ui-craft/SKILL.md) | 18 slash commands, anti-slop CLI, 3 style variants — deepest design engineering skill |
+| [`frontend-design`](../frontend-design/SKILL.md) | 8 aesthetic anchors (Brutalist, Nordic, Cyberpunk…) with locked CSS tokens per theme |
+| [`huashu-design`](../huashu-design/SKILL.md) | Magazine-grade typography, CSS Grid, animated prototypes, MP4 export |
+| [`brand-design-md`](../brand-design-md/SKILL.md) | Fetches exact tokens for 62 world-class brands (Stripe, Linear, Apple…) at runtime |
+| [`ai-graphic-design-skill`](../ai-graphic-design-skill/SKILL.md) | Maps 15 AI tools to design scenarios + 2025-26 Creative Director roadmap |
+| [`logo-designer-skill`](../logo-designer-skill/SKILL.md) | Brand interview → 3-5 SVG concepts → PNG export 16px–2048px |
+| [`distinctive-frontend`](../distinctive-frontend/SKILL.md) | 4 themed design systems (Cyberpunk, Brutalist, Vaporwave, Nordic) with staggered animations |
+| [`design-for-ai`](../design-for-ai/SKILL.md) | CHECKER (7-category audit) + APPLIER (6-phase creation) dual-mode |
+| [`superdesign-skill`](../superdesign-skill/SKILL.md) | Infinite-canvas ideation: brand extraction, design drafts, IDE-native |
+
+## Color, Typography & Components
+
+| Skill | Best for |
+|-------|----------|
+| [`color-expert`](../color-expert/SKILL.md) | OKLCH/OKLAB color science, palette generation, contrast |
+| [`baseline-ui`](../baseline-ui/SKILL.md) | Animation durations, typography scale, Tailwind anti-patterns |
+| [`shadcn-ui`](../shadcn-ui/SKILL.md) | shadcn/ui component workflow |
+| [`ui-ux-pro-max`](../ui-ux-pro-max/SKILL.md) | 50+ styles, 97 palettes, 9 tech stacks |
+| [`google-fonts-skill`](../google-fonts-skill/SKILL.md) | 1,923 Google Fonts with mood tags + 73 pairings + CSS vars + Tailwind config |
+| [`design-tokens-skill`](../design-tokens-skill/SKILL.md) | W3C DTCG token spec: OKLCH, references/aliasing, Terrazzo, Figma exports |
+| [`ink-google`](../ink-google/SKILL.md) | Ink-style editorial design for artifacts |
+| [`open-design`](../open-design/SKILL.md) | 31 skills + 71 brand design systems — local-first Claude Design alternative |
+
+## Mobile & Platform Design
+
+| Skill | Best for |
+|-------|----------|
+| [`mobile-app-design`](../mobile-app-design/SKILL.md) | iOS HIG + Android MD3 + RN best practices — 26K words |
+| [`mobile-app-ui-design`](../mobile-app-ui-design/SKILL.md) | Professional mobile UI: intentional, smooth, alive interfaces |
+| [`apple-hig-skills`](../apple-hig-skills/SKILL.md) | Apple HIG: iOS, macOS, visionOS, watchOS, tvOS |
+| [`hig-doctor`](../hig-doctor/SKILL.md) | Diagnose and fix Apple HIG violations |
+| [`swiftui-patterns`](../swiftui-patterns/SKILL.md) | SwiftUI view and component best practices |
+| [`swiftui-claude-skills`](../swiftui-claude-skills/SKILL.md) | WWDC 2025 verified SwiftUI, iOS 26.4 RC, Xcode 26 |
+| [`liquid-glass-skill`](../liquid-glass-skill/SKILL.md) | iOS 26 Liquid Glass: .glassEffect(), GlassEffectContainer, migration patterns |
+| [`platform-design-skills`](../platform-design-skills/SKILL.md) | 300+ HIG/MD3/WCAG rules for cross-platform |
+| [`sleek-design-mobile-apps`](../sleek-design-mobile-apps/SKILL.md) | Sleek platform: design screens, projects, assets (account req.) |
+
+## Interaction & Polish
+
+| Skill | Best for |
+|-------|----------|
+| [`taste-design-stitch`](../taste-design-stitch/SKILL.md) | Aesthetic judgment for Google Stitch output |
+| [`design-lab`](../design-lab/SKILL.md) | Interactive design exploration, variant generation |
+| [`interface-design-dammyjay`](../interface-design-dammyjay/SKILL.md) | Dashboards, admin panels, SaaS information-dense UI |
+| [`bencium-ux-designer`](../bencium-ux-designer/SKILL.md) | Distinctive, production-grade frontend |
+| [`neo-user-journey`](../neo-user-journey/SKILL.md) | UX journey mapping + Playwright testing + 50+ patterns + Nielsen scoring |
+| [`simota-agent-skills`](../simota-agent-skills/SKILL.md) | 15 design sub-skills: Vision, Frame (Figma bridge), Pixel, Clay, Ink, Sketch |
+| [`design-auditor`](../design-auditor/SKILL.md) | 19-category audit: typography, dark mode, RTL, dark patterns; 0-100 score |
+| [`composio-artifacts`](../composio-artifacts/SKILL.md) | Artifacts connected to GitHub/Slack/Linear via Composio |

package/skills/design-engineering-catalogue/stub.yaml

@@ -0,0 +1,3 @@
+type: router
+tier: official
+note: "Domain meta-navigator — part of design-agent-skills catalogue"

package/skills/design-for-ai/SKILL.md

@@ -0,0 +1,58 @@
+---
+name: design-for-ai
+description: |
+  Two-mode plugin: CHECKER audits designs across seven categories (purpose, typography,
+  proportions, composition, visual hierarchy, color, SEO); APPLIER guides six-phase creation
+  from foundation through technical implementation.
+triggers:
+  - "design checker"
+  - "design auditor"
+  - "design for AI"
+  - "rtd design"
+  - "design-for-ai"
+das:
+  type: package
+  category: design-systems
+  upstream: "https://github.com/ryanthedev/design-for-ai"
+  version: latest
+  install: false
+---
+
+# design-for-ai
+
+> Catalogue stub — full package: [ryanthedev/design-for-ai](https://github.com/ryanthedev/design-for-ai)
+
+## Decision tree
+
+1. **Is the package already installed?**
+   Check: your agent's skills directory contains `design-for-ai` with content beyond this stub.
+   - Yes → invoke `design-for-ai` and proceed
+   - No → go to step 2
+
+2. **Which agent are you on?**
+   - Claude Code → `/plugin marketplace add ryanthedev/rtd-claude-inn` then `/plugin install design-for-ai@rtd`
+   - Cursor → `/plugin marketplace add ryanthedev/rtd-claude-inn` then `/plugin install design-for-ai@rtd`
+   - Other → see [GitHub README](https://github.com/ryanthedev/design-for-ai)
+
+## Install command
+
+```bash
+/plugin marketplace add ryanthedev/rtd-claude-inn
+/plugin install design-for-ai@rtd
+```
+
+Note: install is a two-step process — add the marketplace source first, then install the plugin by name.
+
+## Invoke after install
+
+- Skill name: `design-for-ai`
+- Trigger phrases: "design checker", "design auditor", "design for AI", "rtd design", "design-for-ai"
+
+## What it does
+
+Operates in two distinct modes. CHECKER mode audits an existing design across seven scored categories — purpose and clarity, typography, proportions, composition, visual hierarchy, color, and SEO readiness — and returns a structured report with actionable remediation for each failing category. APPLIER mode guides creation of a new design through six sequential phases: foundation (brief and constraints), layout structure, typographic system, color and contrast, component composition, and technical implementation. Together the two modes cover the full design lifecycle from blank canvas to quality-assured output.
+
+## When NOT to use
+
+- Lightweight UI polish on an existing component (use `taste-skill` for faster, lower-overhead iteration)
+- Accessibility-specific audits focused on ARIA, keyboard navigation, or WCAG compliance (use `fixing-accessibility` or `wcag-audit-patterns`)

package/skills/design-for-ai/stub.yaml

@@ -0,0 +1,5 @@
+type: package
+tier: experimental
+upstream: https://github.com/ryanthedev/design-for-ai
+version: latest
+install_default: "/plugin marketplace add ryanthedev/rtd-claude-inn"

package/skills/design-html/SKILL.md

@@ -0,0 +1,59 @@
+---
+name: design-html
+description: |
+  Implement designs as production-ready HTML/CSS with pixel-level fidelity.
+  Garry Tan's design-html skill — translates mockups, Figma specs, or design
+  descriptions into clean, semantic, accessible HTML output.
+triggers:
+  - "design html"
+  - "design to HTML"
+  - "implement design"
+  - "mockup to code"
+  - "HTML from design"
+  - "production HTML"
+das:
+  category: figma-code
+  upstream: "https://github.com/garrytan/gstack"
+  upstream_path: "design-html/SKILL.md"
+  version: latest
+  install: true
+---
+
+# design-html
+
+> Catalogue stub — full skill: [garrytan/gstack](https://github.com/garrytan/gstack/blob/main/design-html/SKILL.md)
+
+## Decision tree
+
+1. **Is the full skill already installed?**
+   Check whether the skill at this location still has a `das:` block:
+   - Global: `grep -q "^das:" ~/.agents/skills/design-html/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - Project: `grep -q "^das:" .agents/skills/design-html/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"`
+   - No `das:` block → full skill installed, invoke it and proceed
+   - `das:` block present → go to step 2
+
+2. **Detect scope, then install:**
+
+   To detect scope:
+   ```bash
+   [ -e ~/.agents/skills/design-html ] && echo "global" || echo "project"
+   ```
+
+   **Global** (installed with `-g`):
+   ```bash
+   npx skills add garrytan/gstack --skill design-html -g -y
+   ```
+
+   **Project** (installed without `-g`):
+   ```bash
+   npx skills add garrytan/gstack --skill design-html -y
+   ```
+
+## Invoke after install
+
+- Skill name: `design-html`
+- Trigger phrases: "design html", "design to HTML", "implement design", "mockup to code"
+
+## What it does
+
+Translates design specs, mockups, or Figma descriptions into production-ready HTML/CSS with pixel-level fidelity. Part of Garry Tan's gstack — focused on faithful implementation that preserves typographic choices, spacing relationships, and visual hierarchy from the design source.

package/skills/design-html/stub.yaml

@@ -0,0 +1,5 @@
+type: skill
+tier: community
+upstream: https://github.com/garrytan/gstack
+upstream_path: design-html/SKILL.md
+version: latest