stitch-design-taste

To generate a UI/UX design system for Google Stitch, use this Skill to create a DESIGN.md file that defines visual atmosphere, color calibration, typography, component behaviors, layout principles, and anti-patterns for your project.

A semantic design language for interface generation translates design directives into an interpretable format that Stitch's AI agent reads, producing premium, non-generic UI screens that match your specified aesthetic standards.

You do not need a Stitch MCP Server to use this Skill, but it is optional. The MCP Server provides programmatic integration, while standard access to Google Stitch is the only requirement for generating design system files.

The best way to prevent generic UI outputs in Stitch is generating a DESIGN.md file with this Skill, which establishes strict visual and interaction standards that guide the AI agent away from default, low-quality designs.

Yes, you can define motion philosophy and component behaviors. The generated DESIGN.md file specifies these interaction standards alongside typography and color calibration to ensure Stitch produces consistent, high-quality interfaces.

Stitch interface generation looks inconsistent without a centralized design system. This Skill solves that by generating a DESIGN.md file that enforces uniform visual atmosphere, layout principles, and component behaviors across all generated screens.