Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography,…
Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation. Produces DESIGN.md files encoding visual atmosphere, color calibration, typography rules, component behaviors, layout principles, and motion philosophy in Stitch-native semantic language Enforces strict anti-patterns: bans generic fonts (Inter, Times New Roman), neon aesthetics, overlapping elements, centered Hero sections, fabricated metrics, and AI copywriting clichés Supports nine design dimensions including density/variance/motion scales, asymmetric layouts, spring-physics micro-interactions, and responsive mobile-first collapse rules Requires Google Stitch access; integrates with Stitch MCP Server for programmatic use in Cursor, Antigravity, or Gemini CLI Stitch Design Taste — Semantic Design System Skill Overview This skill generates DESIGN.md files optimized for Google Stitch screen generation. It translates the battle-tested anti-slop frontend engineering directives into Stitch's native semantic design language — descriptive, natural-language rules paired with precise values that Stitch's AI agent can interpret to produce premium, non-generic interfaces. The generated DESIGN.md serves as the single source of truth for prompting Stitch to generate new screens that align with a curated, high-agency design language. Stitch interprets design through "Visual Descriptions" supported by specific color values, typography specs, and component behaviors. Prerequisites Access to Google Stitch via labs.google.com/stitch Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI
don't have the plugin yet? install it then click "run inline in claude" again.