taste-design

Generates root-level DESIGN.md files encoding semantic design system rules for Google Stitch screen generation.

Updated Oct 30, 2025
One-click install
npx skills add https://github.com/MauricioDMO/config --skill taste-design-mauriciodmo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/MauricioDMO/config/tree/main/opencode/skills/taste-design
Command: npx skills add https://github.com/MauricioDMO/config --skill taste-design-mauriciodmo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on clichéd patterns like Inter font, purple neon gradients, and three-column card grids. This Skill produces a curated DESIGN.md file that forces Google Stitch to generate premium, non-generic screens aligned with a strict design language. ## Core Features & Use Cases - Semantic Design System Generation: Creates a root-level DESIGN.md covering atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, motion philosophy, and responsive rules. - Anti-Pattern Enforcement: Encodes explicit banned patterns (Inter font, pure black, neon glows, fabricated metrics, AI copywriting clichés) so Stitch avoids generic AI design tells. - Tunable Design Dials: Adjusts Creativity, Density, Variance, and Motion levels to match each project's vibe, from minimal Swiss layouts to expressive editorial designs. - Use Case: Before prompting Stitch to generate screens for a new SaaS dashboard, run this Skill to produce a DESIGN.md that constrains output to a single accent color, Geist typography, asymmetric layouts, and spring-physics motion intent. ## Quick Start Generate a DESIGN.md design system file for my project using the taste-design skill with high creativity and balanced density.

Frequently Asked Questions about taste-design

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

Run this Skill to generate a root-level DESIGN.md containing visual atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, and motion philosophy. Stitch reads these natural-language rules to generate aligned screens.

What is a DESIGN.md file used for in AI UI generation?▼

A DESIGN.md file acts as the single source of truth for prompting Stitch to generate new screens. It translates design intent into semantic descriptions with precise values that Stitch's AI agent interprets to produce consistent, non-generic interfaces.

Does Google Stitch support animations from DESIGN.md?▼

No, Stitch generates static screens and does not animate. The motion section documents intended behavior such as spring physics and staggered reveals so coding agents like Cursor or Antigravity can implement animations during development.

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

Yes, the Skill uses four tunable dials: Creativity, Density, Variance, and Motion Intent, each on a 1-10 scale. Defaults are Creativity 9, Variance 8, Motion 6, and Density 5, adaptable to the project's vibe.

What design patterns are banned by this design system?▼

Banned patterns include Inter font, generic serifs, pure black, neon glows, three-column equal card grids, centered heroes at high variance, fabricated metrics, emojis, and AI copywriting clichés like Elevate or Seamless.