stitch-design-taste

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

Updated Aug 9, 2026
One-click install
npx skills add https://github.com/jwinar/carpet_gato --skill stitch-design-taste-jwinar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/jwinar/carpet_gato/tree/main/.claude/skills/taste/stitch-skill
Command: npx skills add https://github.com/jwinar/carpet_gato --skill stitch-design-taste-jwinar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated UI screens often look generic, with default fonts, purple gradients, and clichéd layouts. This Skill produces a structured DESIGN.md file that encodes a curated, opinionated design language so Google Stitch generates premium, non-generic interfaces. ## 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 bans on AI design clichés such as Inter font, pure black, neon glows, 3-column equal card grids, and filler scroll text. - Configurable Dials: Adjusts creativity, density, variance, and motion levels to match a project's vibe before generating the design system. - Use Case: A developer building a SaaS dashboard uses this Skill to generate a DESIGN.md, then feeds it to Google Stitch so every generated screen follows the same calibrated typography, color, and motion standards. ## 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?▼

Provide your project's vibe and accent color preference, and the skill generates a DESIGN.md with atmosphere, color roles, typography rules, component stylings, layout principles, and motion specs. Feed this file to Stitch as the visual description source for screen generation.

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

A DESIGN.md is a natural-language design system document that AI tools like Google Stitch interpret to generate consistent screens. It pairs descriptive rules with exact hex codes, font stacks, and spacing values so output avoids generic defaults.

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. Changing these values adapts the rules, from quiet minimal interfaces at low levels to expressive editorial layouts at high levels.

Does the generated design system work with coding agents like Cursor?▼

Yes, the DESIGN.md includes a motion and interaction section written as intent documentation so coding agents such as Cursor or Antigravity know how to implement animations when building the exported Stitch designs into live products.

What design patterns does this skill ban?▼

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