skills.rest
tranhoainam298
tranhoainam298COMMUNITY
Explore all skills by this author →
GitHub

taste-design

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

1|Updated Jun 27, 2026
Search Tags:#typography#anti-patterns#design system#color palette#design tokens#ui design#google stitch
One-click install
npx skills add https://github.com/tranhoainam298/qr-parking-booking-system --skill taste-design-tranhoainam298
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/tranhoainam298/qr-parking-booking-system/tree/main/.claude/plugins/stitch-utilities/skills/taste-design
Command: npx skills add https://github.com/tranhoainam298/qr-parking-booking-system --skill taste-design-tranhoainam298

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, with clichéd fonts, neon gradients, and cookie-cutter layouts. This Skill produces a structured DESIGN.md that encodes premium, opinionated design rules so Google Stitch generates distinctive, non-generic screens. ## Core Features & Use Cases - Semantic Design System Generation: Creates DESIGN.md files covering atmosphere, color palettes with hex codes, typography rules, component stylings, layout principles, and motion philosophy. - Anti-Pattern Enforcement: Encodes explicit banned patterns (Inter font, pure black, neon glows, 3-column card grids, AI copywriting clichés) to prevent generic AI output. - Tunable Style Dials: Configures creativity, density, variance, and motion levels to adapt the design language per project. - Use Case: Before prompting Stitch to generate a SaaS dashboard, run this Skill to produce a DESIGN.md that forces Geist typography, a single calibrated accent color, asymmetric layouts, and spring-physics motion specs. ## Quick Start Ask the agent to generate a DESIGN.md design system for your project using the taste-design skill, describing your desired vibe and 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 for Google Stitch?▼

Run 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 source of truth when generating new screens.

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

A DESIGN.md file encodes design rules in natural language paired with precise values like hex codes and rem sizes. Stitch's AI agent interprets these visual descriptions to generate screens that match a curated, consistent design language.

Does this Skill work with Stitch MCP and Cursor?▼

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

Can Stitch generate animations from the DESIGN.md motion section?▼

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 later.

What design patterns does this Skill ban?▼

It bans Inter font, generic serifs, pure black, neon glows, purple gradients, 3-column equal card layouts, centered heroes at high variance, emojis, fabricated statistics, and AI copywriting clichés like Elevate or Seamless.

Related Skills

Explore More Design & Creative Skills→
Owl-ListenerOwl-Listener
234

inspiration-scouting

Generate curated inspiration boards with cross-domain references from project briefs.

Community
Intermediate
snake-dev-teamsnake-dev-team

ck:stitch

Generate UI designs from text prompts using Google Stitch.

Official
Advanced
tak-brotak-bro

design-review

Audit live-site design quality against visual systems and accessibility standards.

Community
Advanced
lushly-devlushly-dev
4

implement-designs

Extract Figma design tokens and convert them to CSS custom properties.

Official
Advanced