stitch-design-taste

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

Updated Jul 7, 2026
One-click install
npx skills add https://github.com/singhaganesh/Urban-assist --skill stitch-design-taste-singhaganesh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/singhaganesh/Urban-assist/tree/main/.cursor/skills/stitch-design-taste
Command: npx skills add https://github.com/singhaganesh/Urban-assist --skill stitch-design-taste-singhaganesh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on default fonts, purple gradients, and predictable card layouts. This Skill produces a structured DESIGN.md that forces Google Stitch to follow a curated, anti-generic design language with explicit rules and banned patterns. ## Core Features & Use Cases - Design System Generation: Creates a complete DESIGN.md covering atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, motion specs, and anti-patterns. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels (1-10) to match each project's vibe, from minimal Swiss to expressive editorial. - Explicit Anti-Pattern Enforcement: Encodes banned patterns such as Inter font, pure black, neon glows, centered heroes, 3-column card rows, and AI copywriting clichés. - Use Case: A designer starting a SaaS dashboard project uses this Skill to generate a DESIGN.md with Geist typography, a single emerald accent, bento grid layouts, and spring-physics motion intent, then feeds it to Stitch to produce consistent premium screens. ## Quick Start Ask the agent to generate a DESIGN.md for your project using the stitch-design-taste skill, describing your desired vibe and accent color.

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?

Use this Skill to generate a DESIGN.md file containing semantic design rules: atmosphere description, color palette with hex codes, typography stacks, component behaviors, layout principles, and motion specs. Stitch reads these visual descriptions to generate screens matching your design language.

What is a DESIGN.md file used for?

A DESIGN.md file is the single source of truth for prompting Google Stitch to generate new screens. It encodes visual atmosphere, color roles, typography rules, component stylings, and anti-patterns in natural language paired with precise values that Stitch's AI agent interprets.

How do I avoid generic AI-generated UI designs?

Encode explicit anti-patterns in your design document: ban Inter font, pure black, neon glows, 3-column equal card layouts, centered heroes, and AI copywriting clichés. Pair these bans with distinctive alternatives like Geist typography, asymmetric grids, and inline image typography.

Does Google Stitch support animations in generated screens?

Stitch generates static screens and does not animate. The DESIGN.md motion section documents intended behavior such as spring physics parameters and staggered reveals so coding agents like Cursor or Antigravity can implement animations when building the exported design.

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 minimal Swiss-style interfaces while high values produce expressive editorial layouts with bold typography experiments.