stitch-design-taste

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, using default fonts, purple gradients, and predictable layouts. This Skill produces a structured DESIGN.md file that encodes a curated, opinionated design language so Google Stitch generates distinctive, non-generic screens. ## 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 to match a project's vibe, from minimal Swiss to expressive editorial. - Anti-Pattern Enforcement: Explicitly bans AI design clichés such as Inter font, pure black, neon glows, 3-column card rows, and filler UI text. - Use Case: A designer starting a SaaS dashboard project uses this Skill to generate a DESIGN.md with Geist typography, a single emerald accent, and asymmetric bento layouts, then feeds it to Stitch to produce consistent premium screens. ## Quick Start Generate a DESIGN.md design system file for my analytics dashboard project with high variance and subtle motion.

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?▼

Provide your project's vibe and constraints, and the Skill generates a DESIGN.md with semantic design rules Stitch can interpret. It covers atmosphere, color palette with hex codes, typography, components, layout, motion, and banned anti-patterns.

What is a DESIGN.md file used for in Stitch?▼

A DESIGN.md acts as the single source of truth for prompting Google Stitch to generate new screens. It translates design intent into natural-language rules paired with precise values that Stitch's AI agent uses to produce consistent interfaces.

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

Yes, the Skill uses configurable dials for creativity, density, variance, and motion intent on 1-10 scales. Lower values produce minimal, quiet interfaces while higher values produce expressive, editorial layouts with dramatic typography.

Does this work with tools other than Google Stitch?▼

The output is optimized for Stitch's semantic design language, but the DESIGN.md also documents motion intent for coding agents like Cursor or Antigravity when implementing the exported designs into live products.

What design patterns does the Skill ban?▼

It bans Inter font, generic serifs, pure black, purple neon gradients, emojis, 3-column equal card layouts, centered heroes at high variance, circular spinners, filler scroll text, and AI copywriting clichés like 'Elevate' or 'Seamless'.