skills.rest
DagimAlemayehuu
DagimAlemayehuuCOMMUNITY
Explore all skills by this author →
GitHub

taste-design

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

Updated Jul 19, 2026
Search Tags:#typography#frontend#design system#color palette#design tokens#ui design#google stitch
One-click install
npx skills add https://github.com/DagimAlemayehuu/AgenticEngineering --skill taste-design-dagimalemayehuu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/DagimAlemayehuu/AgenticEngineering/tree/main/agentic-engineering/core/dependencies/design/taste-design
Command: npx skills add https://github.com/DagimAlemayehuu/AgenticEngineering --skill taste-design-dagimalemayehuu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on clichéd fonts, neon gradients, and symmetric card grids. This Skill produces a structured DESIGN.md that encodes a curated, anti-generic design language so Google Stitch generates premium, distinctive screens. ## Core Features & Use Cases - Semantic 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 behavior. - Anti-Pattern Enforcement: Encodes explicit banned patterns (Inter font, pure black, neon glows, 3-column card rows, fabricated metrics, AI copywriting clichés) directly into the output. - Tunable Taste Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe. - Use Case: Before prompting Stitch to generate screens for a new SaaS dashboard, run this Skill to create a DESIGN.md that forces sans-serif pairings, a single calibrated accent color, asymmetric layouts, and spring-physics motion intent. ## Quick Start Use the taste-design skill to generate a DESIGN.md design system for my project before creating screens in Google Stitch.

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 for Google Stitch?▼

Generate a DESIGN.md file that describes visual atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, and motion intent in natural language. Stitch interprets these semantic visual descriptions when generating screens.

What fonts should I use instead of Inter for premium UI design?▼

Use Geist, Outfit, Cabinet Grotesk, or Satoshi for display and body text, paired with Geist Mono or JetBrains Mono for code and metadata. For editorial contexts, distinctive modern serifs like Fraunces or Instrument Serif are allowed, but serif is banned in dashboards.

Does Google Stitch generate animated interfaces?▼

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

What design patterns are banned in this design system?▼

Banned patterns include Inter font, pure black (#000000), neon glows, purple gradients, 3-column equal card layouts, centered heroes at high variance, emojis, fabricated metrics, circular spinners, and AI copywriting clichés like Elevate or Seamless.

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

Yes, four dials control the output: Creativity, Density, Variance, and Motion Intent, each on a 1-10 scale. Defaults are Creativity 9, Variance 8, Motion 6, and Density 5, and the rules adapt to the levels you set.

Related Skills

Explore More Design & Creative Skills→
soeiroosoeiroo

design-brief

Create structured design briefs with problem statements, audience, constraints, and success criteria.

Community
Intermediate
snake-dev-teamsnake-dev-team

ck:stitch

Generate UI designs from text prompts using Google Stitch.

Official
Advanced
adilkalamadilkalam

design-qa-skill

Automate design QA checks across breakpoints and generate severity-scored reports.

Community
Basic
vultisigvultisig
19

Figma Design Implementation

Translate Figma UI designs into React components using MCP tools.

Official
Intermediate