Stitch Design Taste - Semantic Design System Skill

Generates premium, anti-generic design system files for Google Stitch screen generation.

- Produces DESIGN.md files that encode visual atmosphere, color calibration, typography rules, component behaviors, layout principles, and motion philosophy in Stitch's native semantic language

- Enforces strict anti-slop standards: bans generic fonts (Inter, Times New Roman), neon aesthetics, overlapping elements, centered Hero sections, and AI copywriting clichés

- Includes detailed component styling (buttons, cards, inputs, loaders, empty states) with interaction behaviors and spring-physics motion specs

- Provides mobile-first responsive rules, asymmetric layout patterns, and explicit anti-pattern lists to guide Stitch's AI in generating distinctive, high-agency interfaces

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