stitch-design-taste

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

3|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/langgenius/due-date-hq-jwl --skill stitch-design-taste-langgenius
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/langgenius/due-date-hq-jwl/tree/main/.claude/skills/stitch-design-taste
Command: npx skills add https://github.com/langgenius/due-date-hq-jwl --skill stitch-design-taste-langgenius

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 language so Google Stitch generates distinctive, non-generic screens. ## 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 responsive rules. - Anti-Pattern Enforcement: Encodes explicit banned patterns such as Inter font, pure black, neon glows, 3-column equal card grids, and AI copywriting clichés. - Configurable Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe. - Use Case: A developer starting a SaaS dashboard project uses this Skill to generate a DESIGN.md, then feeds it to Google Stitch so every generated screen follows the same calibrated visual language. ## Quick Start Ask the assistant 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 this file as the source of truth when generating new screens.

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

A DESIGN.md file is a semantic design document that describes visual rules in natural language paired with precise values like hex codes and rem units. AI tools such as Google Stitch interpret it to produce screens matching a curated design language.

How do I avoid generic AI-generated UI designs?

Encode explicit anti-patterns in your design system: ban default fonts like Inter, pure black, neon glows, 3-column equal card layouts, and filler text like scroll arrows. This Skill generates DESIGN.md files with these bans built in.

Does this Skill work with tools other than Google Stitch?

The generated DESIGN.md is plain Markdown, so coding agents like Cursor or Antigravity can also consume it when implementing the exported designs. The motion section specifically documents intended animation behavior for those coding agents.

What are the limitations of AI-generated design systems?

Stitch generates static screens and does not animate, so motion rules in the DESIGN.md only document intent for later implementation. The output also enforces one opinionated aesthetic, which may not suit brands needing a different visual identity.