stitch-design-taste

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on default fonts, purple gradients, and cookie-cutter layouts. This Skill produces a structured DESIGN.md that encodes premium, opinionated design standards so Google Stitch generates distinctive, non-generic screens. ## 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 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: A designer 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 agent to generate a DESIGN.md design system for your project describing the desired vibe, then paste the result into Google Stitch to generate screens.

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 describing your visual atmosphere, color palette with hex codes, typography rules, component stylings, and layout principles. Paste the resulting file into Google Stitch so its AI generates screens matching your design language.

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

A DESIGN.md is a Markdown document that encodes design rules as descriptive natural language paired with precise values like hex codes and rem sizes. Stitch interprets these visual descriptions to produce consistent, non-generic interface screens.

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 automates generating a DESIGN.md with these bans built in.

Does Google Stitch support custom fonts and colors?

Yes, Stitch interprets semantic design descriptions including specific font families like Geist or Satoshi and exact hex color values. Providing these in a DESIGN.md file steers generation away from default styling.

Can Stitch generate animations from a design system?

Stitch generates static screens and does not animate. The DESIGN.md motion section documents intended spring physics and micro-interactions so coding agents like Cursor or Antigravity can implement them during development.