stitch-design-taste

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on default fonts, purple gradients, and predictable card 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 - Design System Generation: Creates a complete DESIGN.md covering color palettes with hex codes, typography rules, component stylings, layout principles, and motion specs. - Anti-Pattern Enforcement: Encodes explicit banned patterns such as Inter font, pure black, neon glows, 3-column equal card grids, and AI copywriting clichés. - 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 Generate a DESIGN.md design system file for my project using the stitch-design-taste skill with creativity level 8 and an emerald 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 file 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. Stitch reads this file as the single source of truth when generating new screens.

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

A DESIGN.md file encodes your project's design language in semantic, natural-language rules that Google Stitch interprets during screen generation. It defines colors, fonts, components, layouts, and banned patterns so output stays consistent and non-generic.

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 1-10 scales. Lower creativity produces quiet minimal interfaces, while higher values enable editorial typography and asymmetric layouts.

Does this work with Stitch MCP server and coding agents like Cursor?

Yes, the generated DESIGN.md works with Google Stitch via labs.google/stitch and optionally through the Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI.

What design patterns are banned by this design system?

Banned patterns include Inter font, generic serif fonts, 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.