stitch-design-taste

Generates DESIGN.md design system files for Google Stitch screen generation.

Updated Jun 11, 2026
One-click install
npx skills add https://github.com/dylinmat/design-skills-plugin --skill stitch-design-taste-dylinmat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/dylinmat/design-skills-plugin/tree/main/plugins/design/skills/stitch-design-taste
Command: npx skills add https://github.com/dylinmat/design-skills-plugin --skill stitch-design-taste-dylinmat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, with default fonts, purple gradients, and cookie-cutter layouts. This Skill produces a structured DESIGN.md file that encodes a premium, opinionated design language so Google Stitch generates screens with consistent, non-generic visual standards. ## Core Features & Use Cases - Semantic Design System Generation: Creates DESIGN.md files covering atmosphere, color palettes with hex codes, typography rules, component stylings, layout principles, motion specs, and anti-patterns. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion intent 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: Before prompting Google Stitch to generate a SaaS dashboard, use this Skill to produce a DESIGN.md that forces Geist typography, a single calibrated accent color, asymmetric layouts, and spring-physics motion intent. ## Quick Start Ask the agent to generate a DESIGN.md design system file 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 file for Google Stitch?

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

What is a DESIGN.md file used for in AI UI generation?

A DESIGN.md file is a single source of truth that describes your design system in natural language paired with precise values. AI tools like Google Stitch interpret it to produce consistent, non-generic interfaces across all generated screens.

Can I adjust the creativity and density of the generated design system?

Yes, the Skill uses four configurable dials: Creativity, Density, Variance, and Motion Intent, each on a 1-10 scale. Defaults are Creativity 8, Density 4, Variance 8, and Motion 6, which you can change to match your project's vibe.

Does Google Stitch support animations from the DESIGN.md?

Stitch generates static screens and does not animate. The motion section documents intended behavior such as spring physics and staggered reveals so coding agents like Cursor or Antigravity can implement animations during development.

What design patterns are banned by this design system?

Banned patterns include Inter font, generic serifs, pure black, neon glows, purple gradients, 3-column equal card layouts, centered heroes, emojis, circular spinners, and AI copywriting clichés like Elevate or Seamless.