taste-design
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
More from google-labs-code/stitch-skills
react:components
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
45.4Kdesign-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
45.2Kenhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
40.8Kstitch-loop
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
40.4Kshadcn-ui
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
36.8Kremotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
26.6K