stitch-design-taste

AI-generated UI looks generic without strict design rules. This Skill generates a semantic DESIGN.md file with calibrated color tokens, typography constraints, and layout rules to enforce a premium, non-generic aesthetic for screen generation.

To enforce consistent color palettes and typography rules in Google Stitch, generate a DESIGN.md file with YAML frontmatter that defines color roles with hex values, a single-accent rule, and strict typography constraints to lock visual consistency across outputs.

The best way to specify responsive layouts is encoding grid-first layout rules and mobile single-column collapse constraints in a DESIGN.md file. This ensures generated dashboards maintain responsive behaviors consistently across all screen outputs.

Yes, you can define spring micro-interaction and motion constraints for product UI. The generated DESIGN.md encodes spring physics defaults and hardware-accelerated interaction requirements so generated screens feel intentional and performant.

AI-generated dashboards have unsafe animations when design rules lack explicit bans. A semantic DESIGN.md encodes banned anti-pattern constraints and motion intent to prevent disallowed aesthetics and unsafe animations in generated screens.

A design system setup is needed to generate semantic UI design rules effectively. The Skill transforms your opinionated design system into explicit, agent-readable rules with calibrated tokens, requiring defined atmosphere, component behavior, and layout specifications.