stitch-design-taste

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

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/ShyamRavidath/oscc-detection-v2 --skill stitch-design-taste-shyamravidath
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/ShyamRavidath/oscc-detection-v2/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/ShyamRavidath/oscc-detection-v2 --skill stitch-design-taste-shyamravidath

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 file that encodes a curated, opinionated design system so Google Stitch generates screens with consistent, non-generic visual standards. ## Core Features & Use Cases - Design System Generation: Produces 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 ultra-minimal to expressive editorial. - Anti-Pattern Enforcement: Encodes explicit bans on AI design clichés such as Inter font, pure black, neon glows, 3-column equal card grids, and filler scroll text. - Use Case: A designer starting a new SaaS dashboard in Google Stitch uses this Skill to generate a DESIGN.md with a zinc-neutral palette, Geist typography, asymmetric bento layouts, and spring-physics motion intent, then feeds it to Stitch for on-brand screen generation. ## Quick Start Generate a DESIGN.md design system file for my project using the stitch-design-taste skill with creativity level 8 and an emerald 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?

Define the project's atmosphere using density, variance, and motion dials, then document color palette with hex codes, typography rules, component stylings, layout principles, and anti-patterns in a DESIGN.md file. Stitch interprets these semantic descriptions to generate aligned screens.

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

A DESIGN.md should include visual theme and atmosphere, color palette with functional roles and hex codes, typography rules with font stacks, component stylings, layout principles, motion specifications, and an explicit list of banned anti-patterns.

Does this work with tools other than Google Stitch?

The generated DESIGN.md is optimized for Stitch's semantic design language, but the same file can guide coding agents like Cursor or Antigravity when implementing the exported designs, since it documents motion intent and component behavior in natural language.

How do I adjust the design style for different projects?

Adjust the four configuration dials: creativity, density, variance, and motion intent, each on a 1-10 scale. Lower values produce minimal, quiet interfaces while higher values produce expressive, editorial layouts with dramatic typography.

What design patterns are banned by this design system?

Banned patterns include Inter font, generic serifs like Georgia, pure black, neon glows, purple gradients, 3-column equal card layouts, centered heroes at high variance, filler scroll text, emojis, and AI copywriting clichés like Elevate or Seamless.