Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.
6 views 2 copies
Design System
Shared component libraries and tokens that keep a product's interface consistent.
3 skills and 1 MCP server tagged Design System.
Skills
Vercel's official skill for React component architecture — replace boolean prop proliferation with compound components, lifted state and explicit variants. Includes React 19 APIs.
2 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.
4 views
MCP servers
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.
14 views
Related tags
Tags that appear alongside this one, ranked by how often.