stitch-design-taste

Provide your project's vibe and constraints, and the skill generates a DESIGN.md with atmosphere description, color palette with hex codes, typography rules, component stylings, layout principles, and anti-patterns. Feed this file to Stitch as the design reference for screen generation.

A DESIGN.md is the single source of truth Stitch interprets when generating screens. It describes visual atmosphere, color roles, typography, component behaviors, and motion intent in natural language paired with precise values like hex codes and rem units.

Yes. The generated DESIGN.md includes a motion and interaction section written for coding agents like Cursor or Antigravity, specifying spring physics, staggered reveals, and transform-only animation rules. Stitch itself generates static screens; the coding agent implements the motion.

These are encoded as anti-patterns because they signal generic AI-generated design. The system forces distinctive alternatives like Geist, Outfit, or Satoshi, and restricts accents to a single color below 80% saturation to produce a more intentional aesthetic.

Yes. Four dials control the output: Creativity, Density, Variance, and Motion Intent, each on a 1-10 scale. Lower creativity yields quiet minimal interfaces, while higher values produce editorial layouts with inline image typography and strong asymmetry.