stitch-design-taste

SKILL.md

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/stitch

Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI