Stitch Design Taste — Semantic Design System Skill

When to Use

• Use when the user wants a Google Stitch-compatible DESIGN.md or semantic design system for AI screen generation.
• Use when translating premium frontend taste rules into Stitch-friendly visual descriptions, color roles, typography specs, and component behavior.
• Use when the design system must prevent generic AI UI patterns before screens are generated.

Limitations

• This skill produces semantic design-system guidance for Stitch; it does not guarantee Stitch will render every constraint exactly.
• Generated DESIGN.md files still require review against the actual product brief, brand constraints, accessibility needs, and screen content.
• Motion sections document implementation intent for later coding agents because Stitch itself may generate static screens.

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.