stitch-design-taste

Generates DESIGN.md files that enforce premium UI standards for Google Stitch screen generation.

Updated Aug 26, 2026
One-click install
npx skills add https://github.com/danieliudi/trackforge-os --skill stitch-design-taste-danieliudi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/danieliudi/trackforge-os/tree/main/.cursor/skills/stitch-design-taste
Command: npx skills add https://github.com/danieliudi/trackforge-os --skill stitch-design-taste-danieliudi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic — Inter fonts, purple gradients, centered heroes, and three equal cards in a row. This Skill produces a structured DESIGN.md that encodes a curated, opinionated design language so Google Stitch generates screens with consistent, non-generic visual quality. ## Core Features & Use Cases - Semantic Design System Generation: Produces a complete DESIGN.md covering atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, motion specs, and responsive rules. - Anti-Pattern Enforcement: Encodes explicit bans on AI design clichés — no Inter font, no pure black, no neon glows, no 3-column equal card grids, no filler scroll text, no AI copywriting clichés. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion intensity levels to match each project's vibe before generating the design system. - Use Case: A designer starting a new SaaS dashboard project uses this Skill to generate a DESIGN.md with Zinc neutrals, a single Electric Blue accent, Geist typography, and spring-physics motion specs, then feeds it to Google Stitch to generate on-brand screens. ## Quick Start Ask the assistant to generate a DESIGN.md design system 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?

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

What should a DESIGN.md file contain for AI screen generation?

A DESIGN.md should include visual theme and atmosphere, color roles with exact hex values, typography stacks and scale, component behaviors for buttons and cards, grid and responsive rules, motion philosophy, and an explicit anti-patterns list of banned design clichés.

How do I avoid generic AI-generated UI design?

Ban common AI tells explicitly: no Inter font, no pure black, no purple neon gradients, no centered heroes, no three equal feature cards, and no filler text like scroll arrows. Use distinctive fonts like Geist or Satoshi and asymmetric layouts instead.

Does Google Stitch support custom fonts and colors?

Yes, Stitch interprets visual descriptions paired with specific values. Provide descriptive color names with hex codes and name specific font families like Geist, Outfit, or Cabinet Grotesk in your DESIGN.md so generated screens follow your system.

What are the limitations of AI-generated design systems?

Stitch generates static screens and does not animate, so motion intent must be documented separately for the coding agent implementing the design. Vague descriptions without hex codes or pixel values also produce inconsistent results.