skills.rest
JayJihyunKim
JayJihyunKimCOMMUNITY
Explore all skills by this author →
GitHub

taste-design

Generate a DESIGN.md codifying a premium Stitch design language for UI screens.

1|Updated Apr 16, 2026
Search Tags:#typography#design#ui-design#design-system#color-palette#stitch
One-click install
npx skills add https://github.com/JayJihyunKim/rein --skill taste-design-jayjihyunkim
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/JayJihyunKim/rein/tree/main/plugins/rein-stitch/skills/taste-design
Command: npx skills add https://github.com/JayJihyunKim/rein --skill taste-design-jayjihyunkim

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates a DESIGN.md that codifies a premium, AI-friendly design language for Google Stitch, ensuring consistent visual systems and actionable guidance for screen generation.

Core Features & Use Cases

  • Semantic design encoding: Converts design intent into a structured DESIGN.md that Stitch can interpret for high-quality screen generation.
  • Atmosphere, color, typography, and motion: Encodes a complete visual language, including mood, color roles, font choices, and motion philosophy.
  • Anti-pattern enforcement: Documents explicit bans to prevent bland or unsafe design patterns in automated outputs.
  • Use Case: A Stitch designer wants a reusable design blueprint to ensure all generated screens adhere to a curated premium aesthetic without manual intervention.

Quick Start

Create a DESIGN.md for a Stitch project following the Taste standard.

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 Stitch UI screens?▼

A DESIGN.md for Stitch codifies atmosphere, color, typography, components, layout, and motion into structured instructions that Stitch's AI agent interprets to generate high-quality UI screens with a consistent visual language.

What is the best way to enforce anti-patterns in AI generated UI design?▼

The best way to enforce anti-patterns in AI generated UI design is to document explicit bans and constraints within a structured DESIGN.md file, preventing the AI agent from producing bland or unsafe design patterns during automated screen generation.

How do I define a color palette and typography for a Stitch design language?▼

You define a color palette and typography for a Stitch design language by encoding semantic color roles, font choices, and mood into a structured DESIGN.md file that provides actionable design instructions for automated UI generation.

Can I use a markdown file to guide AI UI generation without manual intervention?▼

Yes, you can use a markdown file to guide AI UI generation by creating a structured DESIGN.md with YAML frontmatter, ensuring generated screens adhere to a curated premium aesthetic without requiring manual design intervention.

What should be included in a Stitch design blueprint to ensure consistent visual systems?▼

A Stitch design blueprint must include YAML frontmatter defining a name and description, plus actionable instructions covering atmosphere, color, typography, components, layout, motion, and explicit anti-patterns to ensure consistent visual systems.

Related Skills

Explore More Design & Creative Skills→
aymenhamoudiiaymenhamoudii

teach-impeccable

Extract design tokens and brand assets into .impeccable.md.

Community
Intermediate
devkenidevkeni
1

stitch-design-taste

Generate DESIGN.md prompts encoding UI guidelines for Google Stitch.

Community
Advanced
xenitV1xenitV1
132

frontend-design

Apply design-thinking to frontend UI components, layouts, color schemes, and typography.

Community
Basic
JunHyuk-KangJunHyuk-Kang

orchestrator-designer

Generate design tokens and component specifications for the Claude Orchestrator UI.

Community
Advanced