Google's official Stitch skill for generating and editing UI screens from text or images — with a mandatory prompt-enhancement pipeline before every call.
6 views
Design System
Shared component libraries and tokens that keep a product's interface consistent.
6 skills and 2 MCP servers tagged Design System.
Skills
Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.
30 views 11 copies
Skill: Stitch: DESIGN.md
by Google Labs (Stitch)
Google's official Stitch skill for distilling a project into a DESIGN.md — a semantic design system agents can read before they generate anything.
2 views
Skill: Stitch: Code to Design
by Google Labs (Stitch)
Google's official Stitch skill that reverses the usual direction — turns an existing React, Vue, Angular or Vite front end back into an editable Stitch design.
2 views
Skill: React Composition Patterns
by Vercel
Vercel's official skill for React component architecture — replace boolean prop proliferation with compound components, lifted state and explicit variants. Includes React 19 APIs.
8 views
Skill: Figma Design to Code
by Figma
Figma's official design-to-code skill — a mandatory pre-step to get_design_context that turns a Figma node into components matching your real stack, not generic markup.
11 views
MCP servers
NVIDIA's official MCP server for the Elements design system — component APIs, design tokens, icons and validated project scaffolding for AI/ML and robotics UIs.
3 views
MCP: Panda CSS MCP Server
by Panda CSS (Chakra UI)
Official Panda CSS MCP server that exposes your design system - tokens, recipes, patterns, breakpoints and the resolved config - so an agent styles components with real values.
17 views
Related tags
Tags that appear alongside this one, ranked by how often.