stitch-design-taste

Generates DESIGN.md files that enforce premium UI standards for Google Stitch screen generation.

Updated May 4, 2026
One-click install
npx skills add https://github.com/Gito125/gideon_portfolio --skill stitch-design-taste-gito125
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Gito125/gideon_portfolio/tree/main/.github/skills/stitch-design-taste
Command: npx skills add https://github.com/Gito125/gideon_portfolio --skill stitch-design-taste-gito125

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on overused fonts, neon gradients, and predictable layouts. This Skill produces a structured DESIGN.md file that encodes a curated, opinionated design language so Google Stitch generates distinctive, high-quality screens instead of default-looking output. ## 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 UI text. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion intensity 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 consistent typography, a single calibrated accent color, and asymmetric layouts. ## Quick Start Ask the agent 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 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. Feed that file to Google Stitch as the design context for generating new screens.

What is a DESIGN.md file used for in AI UI 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 like Google Stitch interpret it to produce screens matching a specific design language.

Can I adjust the creativity and density of the generated design system?▼

Yes, the Skill uses configurable dials for creativity, density, variance, and motion intent on a 1-10 scale. Lower creativity produces quiet, minimal interfaces while higher values produce expressive editorial layouts with inline image typography.

Does this work with tools other than Google Stitch?▼

The output is optimized for Google Stitch via labs.google.com/stitch, optionally through the Stitch MCP Server for integration with Cursor, Antigravity, or Gemini CLI. The DESIGN.md format is plain Markdown, so other agents can read it, but the semantics target Stitch.

Why does the design system ban fonts like Inter and pure black?▼

Inter and pure black are banned because they signal generic, default AI-generated output. The system enforces distinctive fonts like Geist, Satoshi, or Cabinet Grotesk and off-black tones like Zinc-950 to produce a more curated, premium aesthetic.