Design Catalogue logo

Design Catalogue

Community
podo
design-catalogue

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.

Overview

Publisherpodo
Repositorydesign-agent-skills
Skill namedesign-catalogue
Stars
27
Forks
3
Bundled files
1
LicenseMIT
Links
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • 1 bundled files

    Scripts, templates, and references the model can read while it works. Files are read-only and never executed.

  • Open source

    Published by podo on GitHub. Read the source before you install it.

Installation

Install the Design Catalogue AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
    https://github.com/podo/design-agent-skills/tree/main/skills/design-catalogue
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/podo/design-agent-skills.git /tmp/design-agent-skills
mkdir -p .claude/skills
cp -r /tmp/design-agent-skills/skills/design-catalogue .claude/skills/design-catalogue
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Design Catalogue in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Design Catalogue on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Design Catalogue is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

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:

DomainRoute toWhen
Motion, 3D, shaders, generative artmotion-catalogueGSAP, Framer Motion, Three.js, Lottie, p5.js, shaders, video
Figma, design-to-code, tokens, platform suitesfigma-catalogueFigma skills, Stitch, design tokens, Anthropic/Vercel/Expo suites
Accessibility, WCAG, web performanceaccessibility-cataloguea11y audit, WCAG 2.2, Core Web Vitals, React quality
UI craft, visual design, brand, mobiledesign-engineering-catalogueTaste, color, typography, iOS/Android, brand identity
Slides, diagrams, data viz, PM, design review, copycontent-cataloguePresentations, wireframes, charts, UX strategy, PM frameworks, UX writing, copywriting, user research

Catalogue index

Design Engineering (opinionated UI taste)

SkillBest for
taste-skillPremium, non-generic UI: researched art directions, real-browser inspector, look-and-fix loop
impeccableDesign fluency: slash commands (polish, audit, critique…), anti-pattern detection, theming, typography, motion
hallmarkAnti-AI-slop: design, audit, redesign, and extract design DNA from screenshots/URLs; structural variety
emilkowalski-skillAnimation decision framework, easing curves, interaction principles
make-interfaces-betterPolish: micro-interactions, typography details, visual refinement
ui-craft18 slash commands, anti-slop CLI, 3 style variants — deepest design engineering skill
frontend-design8 aesthetic anchors (Swiss, Brutalist, Aurora Maximalism, Retro-Futuristic…) with locked CSS tokens per theme
distinctive-frontendDistinctive, non-generic interfaces: extreme typography, cohesive themes, staggered animation, layered backgrounds
huashu-designMagazine-grade typography, CSS Grid, animated prototypes, MP4 export
brand-design-mdLooks up DESIGN.md specs for well-known brands (Stripe, Linear, Apple…) from getdesign.md at runtime
ai-graphic-design-skillMaps 15 AI tools to design scenarios + 2025-26 Creative Director roadmap
logo-designer-skillBrand interview → 3-5 SVG concepts → PNG export 16px–2048px
design-for-aiFour-stage workflow (research → plan → mock → build) with seeded design DNA and dual-blind review
styleseedDesign method engine: setup, build, review, scoring, tokens, a11y, copy; brand skins + score-then-fix gate
awesome-design-skills67-style aesthetic registry: glassmorphism, brutalism, bento, editorial, riso…
interaction-designIxD principles, component states, micro-interactions, affordances, task flows — Norman + Tognazzini
format-storybookStorybook story structure, template composition, controls, Chromatic, CSF patterns
localization-designRTL mirroring, per-language text expansion, non-Latin type, cultural color/icon traps
design-system-governanceOwnership models, contribution lifecycle, semver contract, deprecation policy

Motion & Animation

SkillBest for
design-motion-principlesUI motion design: build components with purposeful motion or audit for AI-slop patterns — Emil Kowalski, Jakub Krehel, Jhey Tompkins lenses
algorithmic-artGenerative art with p5.js, flow fields, particle systems
shader-devGLSL shaders: ray marching, fluid simulation, WebGL effects
p5js-hermesp5.js creative coding: noise, particles, GLSL, audio-reactive
remotionProgrammatic video with React
motion-design-skillOfficial LottieFiles: timing, easing, choreography, Disney 12 principles for UI
gsap-skillsOfficial GSAP: 8 skills — core, timeline, ScrollTrigger, Flip, Draggable, SplitText
motionOfficial Motion team skill (Motion, ex Framer Motion, + CSS): best practices, docs/example search, CSS springs, performance audits, upgrades
framer-motion-skills6 Framer Motion skills: core, Next.js, variants, scroll, gestures, layout
animate-skillEmil-inspired Next.js/React patterns: hover, toast, text reveal, modals
animate-css-skillAnimate.css v4 + scroll triggers + RTL + prefers-reduced-motion
css-animation-skillScrapes live app design language, interviews, produces standalone animation file
wiggle-claude-skillAnimates SVG logos → Lottie JSON → GIF + MP4
claudedesignskillsMotion/creative-coding bundle: Three.js, GSAP, R3F, Framer Motion, Babylon, A-Frame, PixiJS, Rive, Lottie, Spline
hyperframes"Write HTML → render video": GSAP/CSS/Lottie/Three.js + TTS media (HeyGen)
huashu-art-motionArt-style and explainer video animation by code: storyboard → render → QA → deliver (Chinese docs)
oil-motionScroll/pointer-driven web animation from AI video or sprite sequences (Chinese docs)

Interaction & Polish

SkillBest for
taste-design-stitchAesthetic judgment for Google Stitch output
design-labInteractive design exploration, variant generation
interface-design-dammyjayDashboards, admin panels, SaaS information-dense UI
bencium-ux-designerDistinctive, production-grade frontend
neo-user-journeyUX journey mapping + Playwright testing + 50+ patterns + Nielsen scoring
simota-agent-skillsDesign suite: Vision, Muse, Frame (Figma bridge), Pixel, Echo, Prose, Ink (SVG icons)
design-auditor19-category audit: typography, dark mode, RTL, dark patterns; 0-100 score
search-uxSearch input, autocomplete, ranking, faceted filters, zero-results, search analytics
interfaces-that-feelEmotional design: felt-state → physical analogue → motion/copy/spacing changes
information-architecture-and-navigationPolar-bear IA: organization/labeling/nav/search, taxonomy, wayfinding, findability

Visual, Components & Color

SkillBest for
color-expertOKLCH/OKLAB color science, palette generation, contrast
baseline-uiAnimation durations, typography scale, Tailwind anti-patterns
shadcn-uishadcn/ui component workflow
building-componentsVercel: accessible, composable, themeable UI component authoring
wpdsOfficial WordPress Design System: components, tokens, patterns (needs WPDS MCP)
ui-ux-pro-max50+ styles, 97 palettes, 9 tech stacks
platform-design-skillsHIG, Material 3 and WCAG 2.2 rules, one skill per platform: iOS, iPadOS, macOS, watchOS, visionOS, tvOS, Android, web
apple-hig-skillsApple HIG: iOS, macOS, visionOS, watchOS, tvOS
hig-doctorDiagnose and fix Apple HIG violations
swiftui-patternsSwiftUI view and component best practices
design-tokens-skillW3C DTCG token spec: OKLCH, references/aliasing, Terrazzo, Figma exports
google-fonts-skillGoogle Fonts search with mood tags, pairings, CSS custom properties, Tailwind config, type scales
mobile-app-designiOS HIG + Android MD3 + RN best practices: touch targets, thumb zones, adaptive patterns, audit scripts
mobile-app-ui-designProfessional mobile UI: intentional, smooth, alive interfaces
sleek-design-mobile-appsSleek platform: design screens, projects, assets via natural language (account req.)
liquid-glass-skilliOS 26 Liquid Glass: .glassEffect(), GlassEffectContainer, migration patterns
swiftui-claude-skillsWWDC 2025 verified SwiftUI, iOS 26.4 RC, Xcode 26
swiftui-design-skillSwiftUI visual design craft — anti-AI-slop, typography, color, brand
material-3-skillMaterial Design 3 / Material You: dynamic color, tonal surfaces, 30+ components (Compose + Flutter)

Accessibility & Quality

SkillBest for
fixing-accessibilityARIA, keyboard nav, focus management, contrast fixes
fixing-motion-performanceLayout thrashing, compositor, scroll-linked animation
wcag-audit-patternsWCAG 2.2 audits with remediation
addyosmani-quality6-skill suite: a11y, Lighthouse, CWV, perf, SEO, best practices
cloudflare-web-perfCore Web Vitals: LCP, INP, CLS fixes
react-doctorReact security, performance, correctness scoring
mastepanoski-skills6 audits: ux-rethink, Nielsen, WCAG POUR, Don Norman, cognitive walkthrough
wcag-ai-skillWCAG 2.2 full workflow: design → frontend → QA → conformance docs
accessibility-agentsWCAG 2.2 AA package: router skills for web UI, site audits, Office/PDF/ePub, markdown, desktop and Python tooling, GitHub workflows
dark-pattern-auditStatic audit of codebase + copy for deceptive dark patterns — confidence-graded, source-located

Design Review & Creative Direction

SkillBest for
creative-directorConcept generation (SIT, TRIZ, SCAMPER, lateral thinking) scored against Cannes/D&AD/HumanKind criteria
design-briefStructured design briefs from loose requirements
design-consultationComplete design system from scratch
design-review-garrytanVisual audit + atomic fix commits
plan-design-reviewDesigner review of a plan before implementation: 0–10 per design dimension, fills gaps, flags AI-slop (gstack)
design-htmlImplement designs as production HTML/CSS
digidai-pmSenior PM: 30+ frameworks, SaaS metrics
ux-ui-masterySumi (ex ux-ui-mastery): cognitive UX, NN/g heuristics, research, interaction/motion, a11y, i18n, agentic AI UX, design systems
designer-skillsNine-plugin designer toolkit: research, systems, UX strategy, UI, interaction, testing, ops, critique (installs every skill)
design-with-claudeDeterministic WCAG/token audit + design slash commands: dashboards, b2b SaaS, healthcare UX, onboarding
ux-designer-skillUX/UI review and critique grounded in Nielsen heuristics, Laws of UX and WCAG 2.2; references loaded on demand
wondelai-skillsBook-derived: Refactoring UI, Everyday Things, Microinteractions, Lean UX, Inspired, JTBD, Hook Model, Design Sprint
design-impact-reportingDesign ROI: user→product→business metrics, scorecard / before-after / A-B / portfolio
design-debt-auditDesign-debt taxonomy + audit process + Severity×Frequency/Effort scoring + register
design-negotiationAdvocacy scripts: timeline / scope / stakeholder override / headcount, evidence-based
service-blueprintService blueprints (NN/g, GDS): five swim lanes, lines of visibility/interaction, JSON schema + render pipeline

Design Research

SkillBest for
user-research-cookiyEnd-to-end user research: study planning, discussion guides, transcript synthesis, reports; optional AI-moderated interviews on Cookiy
software-ux-researchUX research methods, study design, synthesis and research ops: reference guides + templates

Figma & Design-to-Code

SkillBest for
figma-official-skillsOfficial Figma skills: design-to-code, generate, library, Code Connect, FigJam, Slides, motion
openai-skillsOfficial OpenAI skills: Figma, imagegen, screenshot
google-stitch-skillsGoogle Stitch skills: design-md, prompt enhancement, React components, shadcn, loop
extract-design-mdExtract Stitch output into DESIGN.md format
claude2figma4 skills enforcing token compliance: colors/fonts/spacing bind to Figma variables
work-with-design-systemsInspect (WCAG audit) + Build (6-phase with variable bindings) dual-mode
figma-variables-tokens-generatorQuestionnaire → W3C token ZIP + Figma plugin for import
figma-skillFigma files via figma-developer-mcp → assets, tokens, code for Tailwind/React/Vue/Svelte/RN/Flutter/CSS (needs Figma token)
extract-design-systemReverse-engineers tokens from any live website → tokens.json + tokens.css

Official Platform Suites

SkillBest for
anthropics-skills6 Anthropic skills: frontend-design, artifacts, canvas, theme, brand, pptx
vercel-skillsVercel skills: web-design-guidelines, writing guidelines, React best practices, composition, view transitions
microsoft-skills2 Microsoft skills: design review, dark-theme React
software-mansion-skillsOfficial Software Mansion: RN animations, gestures, SVG, on-device AI
callstack-agent-skillsOfficial Callstack: RN best practices, profiling, Turbo Modules, upgrade
expo-skillsOfficial Expo: Expo SDK, EAS Build/Submit, Expo Router

Diagrams & Wireframing

SkillBest for
excalidraw-diagramExcalidraw diagrams with a visual validation loop
hand-drawn-diagramsQuick hand-drawn sketch diagrams
excalidraw-agents365Excalidraw tuned for coding agent workflows
wireframerLow-fidelity wireframes, structure-first
softaworks-agent-toolkitDesign-adjacent picks: mermaid, excalidraw, draw-io, C4, marp, schema designer, design-system starter
nimbalyst-skillsNimbalyst app built-ins: Excalidraw with MCP tools, mockups, data models
wireframe-skillNL → wireframe JSON + interactive HTML with drag/drop, undo/redo
claude-wireframe-skill5 UX approaches as interactive prototypes — B&W first then color variants

Data Visualization & Charts

SkillBest for
antvis-chart-skillsAntV chart skills: chart images, G2, G6 graphs, X6 diagrams, infographics, GPT-Vis, T8 narrative text
markdown-viewer-skillsText-driven visuals in Markdown (docu.md): Vega-Lite/ECharts charts, UML, BPMN, ArchiMate, infographics
d3js-skillD3.js: data binding, scales, transitions, interactive charts
claud3D3 v7 + Tufte principles: 80+ chart types, dark theme, annotations
data-viz-agentData-viz engineer agent: D3, Chart.js, Matplotlib, Plotly; perceptual encodings, colorblind-safe, accessible
data-analysis-skillMulti-expert parallel analysis → HTML reports + PowerPoint export

3D, Creative & Media

SkillBest for
cloudai-threejsThree.js 3D scenes, animations, WebGL
fal-ai-skillsfal.ai image/video and 3D model generation
composio-artifactsArtifacts connected to GitHub/Slack/Linear via Composio
webgpu-claude-skillThree.js TSL, node materials, GPU compute, WGSL — r183+
threejs-ecs-tsThree.js + Entity Component Systems + TypeScript
threejs-claude-skill-package24 skills: WebGL, WebGPU, R3F, physics, IFC/BIM architecture
generative-media-skillsAI media via muapi.ai: cinematic video, Nano Banana images, Seedance, product ads, thumbnails (needs muapi account + CLI)
open-designLocal-first Claude Design alternative: app + daemon running design skills and brand design systems on your own agent (an app, not a skill install)
superdesign-skillHosted infinite-canvas design agent for UI, decks and graphics; branchable drafts (needs @superdesign/cli + account)

Presentations

SkillBest for
nanobanan-pptAI slide decks: document analysis → styled slide images + HTML player (needs a Gemini key)
guizang-pptStructured PowerPoint from outline (no API deps)
frontend-slidesAnimation-rich HTML presentations
html-pptHTML PPT Studio: themes, layouts, full-deck templates, presenter mode with speaker script
kamiPaper-style typesetting: resumes, one-pagers, white papers, letters, decks (PDF/PNG/PPTX)
humanize-pptOutline director + post-render checkup for agent-made decks (planner only, no rendering)
revealjs-skillReveal.js: themes, Chart.js, speaker notes, PDF export
marp-slidesMARP + 22 example decks, SVG charts, dashboard components
slidev-skillOfficial Slidev: developer presentations in Markdown with Vue + animations
cc-slidevSlidev plugin with evidence-based design guardrails for tech talks
marp-slide-qualitySlideGauge scoring: overflow, contrast, density checks before render

Product & PM

SkillBest for
deanpeters-pm-skills9 skills: journey maps, OST, story mapping, PRD
phuryn-pm-skillsNine PM plugins: discovery, strategy, execution, market research, analytics, GTM, growth, toolkit, AI shipping
coreyhaines-marketing3 CRO skills: onboarding, page, signup flow
pm-skillsTriple Diamond phase skills, foundation skills (personas, OKRs, lean canvas), Design Sprint and Foundation Sprint tools
claude-pm-skillsProduct thinking, discovery, prioritization, launch
design-sprintResearch codebase → design feature → decompose into parent + sub-issues (GitHub/Backlog; installs create-issue)
product-positionB2B SaaS positioning: messaging hierarchy, competitive framing, strategic narrative — Dunford + JTBD frameworks
lenny-skillsDesign-relevant skills from Lenny's archive: interviews, discovery, onboarding, PRDs, product taste, AI-native UX
assimovt-productskillsRoadmaps, North Star metrics, A/B experiments, competitor analysis, strategy docs, Shape Up scoping
chadboyda-gtmGo-to-market skills: positioning/ICP, pricing, sales motion, outbound, launches, retention, GTM metrics

Content Design & Copy

SkillBest for
ux-writing-skillMicrocopy, button labels, error messages, empty states, form copy, a11y writing
copywriting-skillLanding pages, product copy, email sequences, headlines, tone-of-voice (5 sub-skills)
humanize-textScore + rewrite text across 7 AI-pattern dimensions; works on raw text, Figma URLs, screenshots
content-strategyContent audit, content model, voice/tone, governance, content hierarchy

Email Design

SkillBest for
email-html-mjmlMJML 5.x → cross-client HTML email, WCAG 2.1 AA, Outlook-safe

TUI & Terminal Design

SkillBest for
tui-design-skillTerminal UI design: Bubble Tea (Go), Ratatui (Rust), Textual (Python), Ink (TS)
textual-tui-skillTextual (Python) deep-dive: widgets, TCSS, reactive, workers, Pilot testing, common pitfalls
ink-googlejson-render Ink renderer: JSON specs → interactive terminal UIs

Routing guide

User saysRoute to
"good taste", "anti slop", "premium UI", "not generic"taste-skill or ui-craft
"art direction", "look and fix", "real-browser inspector"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"design-review-garrytan or hallmark
"review my design plan", "plan design review"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 or html-ppt
"presenter mode", "speaker script", "Xiaohongshu cards"html-ppt
"resume", "one-pager", "white paper", "typeset a PDF"kami
"presentation outline", "talk structure", "deck checkup"humanize-ppt
"shadcn", "shadcn component"shadcn-ui
"WordPress Design System", "WPDS", "Gutenberg UI"wpds
"Hallmark", "design audit", "extract design DNA", "study this design"hallmark
"platform design", "cross-platform rules"platform-design-skills
"creative strategy", "campaign concept", "SCAMPER"creative-director
"design brief", "visual brief", "I-Lang brief"design-brief
"product brief", "project brief", "requirements spec"designer-skills
"motion principles", "purposeful motion", "motion audit", "AI slop motion", "hover state design", "micro-interaction design", "Emil Kowalski motion", "Jhey Tompkins"design-motion-principles
"GSAP", "ScrollTrigger", "GreenSock"gsap-skills
"Framer Motion", "framer animation", "layout animation"framer-motion-skills
"Motion library", "motion.dev", "CSS springs", "MotionScore"motion
"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
"art style animation", "explainer video animation"huashu-art-motion
"scroll-driven video", "sprite sequence animation", "pointer-driven animation"oil-motion
"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
"SwiftUI design", "SwiftUI visual design", "iOS visual design"swiftui-design-skill
"WCAG 2.2 guidance", "conformance docs"wcag-ai-skill
"PDF accessibility", "Office document a11y", "document a11y"accessibility-agents
"Don Norman audit", "cognitive walkthrough", "ux-rethink"mastepanoski-skills
"designer toolkit", "design ops", "visual critique"designer-skills
"audit my design system", "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", "dark chart", "annotated chart"claud3
"dataviz agent", "colorblind-safe charts", "Plotly", "Matplotlib", "Chart.js"data-viz-agent
"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", "local Claude Design alternative"open-design
"Triple Diamond PM", "Foundation Sprint", "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", "brand DESIGN.md"brand-design-md
"aesthetic anchor", "Brutalist CSS", "Swiss design"frontend-design
"distinctive frontend", "avoid generic AI aesthetics", "extreme typography"distinctive-frontend
"logo SVG", "brand interview", "logo PNG"logo-designer-skill
"AI Midjourney design", "AI Creative Director"ai-graphic-design-skill
"button label", "error message copy", "empty state", "microcopy"ux-writing-skill
"landing page copy", "product copy", "tone of voice", "headline"copywriting-skill
"remove AI patterns", "de-slop", "AI writing", "humanize text"humanize-text
"Material Design 3", "Material You", "MD3", "Jetpack Compose design"material-3-skill
"brand skin", "design token engine", "styleseed"styleseed
"design aesthetic", "glassmorphism", "brutalism style", "claymorphism"awesome-design-skills
"Textual TUI", "Textual Python", "Textual widget", "TCSS"textual-tui-skill
"json-render Ink", "terminal UI from JSON"ink-google
"interaction design", "component states", "affordance", "micro-interaction timing"interaction-design
"Storybook", "Storybook story", "CSF", "Chromatic visual regression"format-storybook
"user research", "user interview", "research synthesis", "usability study"user-research-cookiy
"UX research methods", "research ops", "study design"software-ux-research
"service blueprint", "swim lanes", "line of visibility"service-blueprint
"feature design sprint", "design to issues", "decompose feature"design-sprint
"product positioning", "messaging hierarchy", "value proposition", "competitive framing"product-position
"behavioral product design", "designing surveys", "running design reviews", "growth loops"lenny-skills
"roadmap planning", "North Star metric", "experiment design", "competitor analysis", "Shape Up"assimovt-productskills
"go-to-market skills", "GTM operator", "sales motion", "AI SDR", "pricing strategy"chadboyda-gtm
"dark patterns", "deceptive design", "manipulative UI", "hidden fees code"dark-pattern-audit

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

Bundled files

The model reads these on demand while the skill is loaded. They are exposed as readable files and are never executed.

Frequently asked questions

What does the Design Catalogue AI skill do?

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.

Why use Design Catalogue on TypingMind?

Because you install it once and use it with any model. Design Catalogue is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install Design Catalogue in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/podo/design-agent-skills/tree/main/skills/design-catalogue. TypingMind reads its SKILL.md and bundles its files and installs it as a skill you can enable per chat.

Which AI models can use Design Catalogue?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with Design Catalogue?

As many as you like. As long as a model supports skills, you can use Design Catalogue with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the Design Catalogue AI skill free?

Yes. It is published on GitHub by podo under the MIT license. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

View all

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇