stitch-design-taste

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, with default fonts, purple gradients, and cookie-cutter layouts. This Skill produces a structured DESIGN.md file that encodes a curated, opinionated design language so Google Stitch generates premium, non-generic screens. ## Core Features & Use Cases - Semantic Design System Generation: Creates DESIGN.md files covering atmosphere, color palettes 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 UI text. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe. - Use Case: Before prompting Stitch to generate a SaaS dashboard, run this Skill to produce a DESIGN.md that forces Geist typography, a single calibrated accent color, asymmetric layouts, and spring-physics motion intent. ## Quick Start Ask the agent 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?

Use this Skill to generate a DESIGN.md file that Stitch interprets as visual descriptions. It covers atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, and motion intent in natural language Stitch can parse.

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

A DESIGN.md is a semantic design system document that pairs descriptive names with precise values like hex codes and rem units. It acts as the single source of truth when prompting Google Stitch to generate new screens aligned with a curated aesthetic.

How do I avoid generic AI-generated UI design?

Encode explicit anti-patterns in your design system: ban Inter font, pure black, neon glows, 3-column equal card grids, centered heroes, and AI copywriting clichés. This Skill generates DESIGN.md files with these bans built in.

Does this work with Cursor or other coding agents?

Yes. The generated DESIGN.md includes a motion and interaction section written as intent documentation, so coding agents like Cursor or Antigravity know how to implement spring-physics animations when building the exported Stitch designs.

Can I customize the design style the Skill produces?

Yes. Four configuration dials control creativity, density, variance, and motion intent on 1-10 scales. Adjusting them shifts output from minimal Swiss-style interfaces to expressive editorial layouts with dramatic typography.