stitch-design-taste

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

Updated Aug 11, 2026
One-click install
npx skills add https://github.com/Debindenny/travelplanner-community- --skill stitch-design-taste-debindenny
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Debindenny/travelplanner-community-/tree/main/travel-planner/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/Debindenny/travelplanner-community- --skill stitch-design-taste-debindenny

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, with default fonts, purple gradients, and cookie-cutter card layouts. This Skill produces a structured DESIGN.md file that encodes a curated, opinionated design system so Google Stitch generates premium, non-generic screens consistently. ## 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 each project's vibe before generating the design system. - Anti-Pattern Enforcement: Encodes explicit bans on AI design clichés such as Inter font, pure black, neon glows, 3-column card rows, and filler UI text. - Use Case: A developer building a SaaS dashboard asks for a design system, receives a DESIGN.md with Electric Blue accent, Geist typography, and bento grid rules, then feeds it to Stitch to generate consistent screens. ## Quick Start Ask the assistant to generate a DESIGN.md design system for your project, describing the desired vibe such as a clean productivity dashboard with a blue accent.

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

Describe your project's vibe and let the Skill generate a DESIGN.md file containing atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, and motion specs. Feed this file to Stitch as the design reference for screen generation.

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

A DESIGN.md file is the single source of truth that Stitch interprets as visual descriptions when generating screens. It pairs natural-language design rules with precise values like hex codes, rem sizes, and spring physics parameters.

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 change before generation.

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

Yes, the motion and interaction section documents intended animation behavior so coding agents like Cursor or Antigravity know how to implement spring physics, staggered reveals, and micro-loops when building the exported Stitch designs.

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.