stitch-design-taste

Generates DESIGN.md files encoding premium UI design standards for Google Stitch screen generation.

2|Updated Jul 20, 2026
One-click install
npx skills add https://github.com/myrson2/eMSME --skill stitch-design-taste-myrson2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/myrson2/eMSME/tree/main/.agents/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/myrson2/eMSME --skill stitch-design-taste-myrson2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on overused fonts, neon gradients, and predictable layouts. This Skill produces a structured DESIGN.md file that forces Google Stitch to generate screens following a curated, anti-generic design system with strict typography, color, layout, and motion rules. ## Core Features & Use Cases - Semantic Design System Generation: Creates DESIGN.md files with descriptive color roles, hex codes, typography stacks, and component behaviors that Stitch's AI can interpret. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion intensity levels to match each project's vibe. - Anti-Pattern Enforcement: Encodes explicit bans on AI design clichés such as Inter font, pure black, neon glows, 3-column card grids, and filler UI text. - Use Case: A designer starting a new SaaS dashboard uses this Skill to generate a DESIGN.md with Geist typography, a single emerald accent, asymmetric bento layouts, and spring-physics motion specs, then feeds it to Stitch to produce consistent premium screens. ## Quick Start Ask the agent to generate a DESIGN.md for your project describing the desired vibe, then paste the output into Google Stitch to create new screens.

Frequently Asked Questions about stitch-design-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a design system for Google Stitch?▼

Generate a DESIGN.md file describing visual atmosphere, color roles with hex codes, typography rules, component stylings, layout principles, and motion specs. Stitch interprets these natural-language visual descriptions to generate screens matching your design language.

What is a DESIGN.md file used for?▼

A DESIGN.md file acts as the single source of truth for prompting Google Stitch to generate new screens. It encodes color palettes, font stacks, component behaviors, and banned patterns so every generated screen stays consistent with the curated aesthetic.

How do I avoid generic AI-generated UI designs?▼

Encode explicit anti-patterns in your design system: ban Inter font, pure black, neon glows, 3-column equal card grids, centered heroes, and AI copywriting clichés. Use distinctive fonts like Geist or Satoshi, a single desaturated accent, and asymmetric layouts.

Can I adjust the design style for different projects?▼

Yes, the system uses four configurable dials: Creativity, Density, Variance, and Motion Intent, each on a 1-10 scale. Low creativity produces quiet minimal interfaces, while high values produce expressive editorial layouts with dramatic typography.

Does Google Stitch generate animations from DESIGN.md?▼

No, Stitch generates static screens only. The motion section in DESIGN.md documents intended animation behavior, such as spring physics and staggered reveals, so coding agents like Cursor or Antigravity can implement them during development.