AI/UX PLAYGROUND
HomePatternsFrameworksCase studiesPlaygroundNewPromptsSkillsBlog
Subscribe newsletterSubscribe
HomeSkillsDesign Systems

Design Systems agent skills

Curated design systems SKILL.md files for Cursor, Claude Code, VS Code, and Codex. Copy, download, and install in your agent.

By role:
DesignersCopywritersFoundersPMsMarketersEngineers
By topic:
UX DesignProductEngineeringVisual DesignBrandDesign SystemsAccessibilityContentMarketingCareer

4 skills

Design Systems

Tailwind Design System

Build scalable design systems with Tailwind CSS v4: CSS-first tokens, OKLCH theming, CVA components, dark mode, and v3-to-v4 migration patterns.

wshobson·35.7k
Design Systems

Taste Design

Generate premium, non-generic DESIGN.md guidelines for Stitch with strict anti-pattern bans, semantic design language, and responsive/motion constraints.

google-labs-code·5.1k
Design Systems

Stitch DESIGN.md

Analyze Stitch projects and generate semantic DESIGN.md files from screen metadata, HTML/CSS, and assets. Produces atmosphere, color roles, typography, component styling, and layout principles.

google-labs-code·4k
Design Systems

UI/UX Pro Max

Comprehensive design guide for web and mobile: 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types. Searchable database with priority-based recommendations.

nextlevelbuilder·4.1k
AI UX Playground

Patterns, frameworks, examples, and prompts for designing AI products.

Subscribe to newsletterFollow on LinkedIn

Popular Patterns

  • Tool Switching
  • Streaming
  • Chat Artifacts
  • Citations

Case Studies

  • ChatGPT Tool Selection
  • Claude Context Chips
  • Perplexity Citations
  • Gemini Multimodal

Top Prompts

  • All Prompts
  • UX design prompts
  • Visual design prompts
  • Branding prompts
  • Research prompts
  • Content Prompts
  • Product Prompts

Site

  • Newsletter
  • Frameworks
  • All Patterns
  • Case studies
  • Playground
  • Prompts
  • Skills
  • Blog

© 2026 AI UX Playground.

HomePatternsCasesPlayPromptsBlog