taste-design

Translate a premium UI language into a DESIGN.md specification for Stitch-driven screens.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/Royincog/cpedia --skill taste-design-royincog
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/Royincog/cpedia/tree/main/.agents/skills/taste-design
Command: npx skills add https://github.com/Royincog/cpedia --skill taste-design-royincog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

Core Features & Use Cases

  • Generate DESIGN.md files encoding atmosphere, color calibration, typography rules, motion guidelines, and anti-patterns for Stitch-driven screens.
  • Provide a single source of truth for prompting Stitch to render premium, non-generic interfaces across products.
  • Support real-world design pipelines by exporting human- and machine-readable design guidance.

Quick Start

Create a DESIGN.md that encodes the Taste design language for Stitch-driven screens.

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 specification for consistent UI across multiple components?

A semantic design system translates premium UI rules into a DESIGN.md specification. It enforces strict typography, calibrated color, asymmetric layouts, and motion guidelines to maintain consistent atmosphere across Stitch-driven screens.

How do I enforce anti-patterns and usage guidance in a design system?

You enforce anti-patterns and usage guidance by encoding them directly into the DESIGN.md body. This ensures both human and machine-readable design pipelines avoid generic interfaces and maintain premium visual standards across all products.

Can I use design tokens to standardize atmosphere and color calibration for Stitch screens?

Yes, design tokens can standardize atmosphere and color calibration for Stitch screens. The DESIGN.md specification encodes these visual tokens to ensure Stitch-driven screens render with consistent, premium, non-generic visual rules.

Does the design specification support frontmatter contracts for configuration?

Yes, the design specification supports frontmatter contracts. The generated DESIGN.md file ensures frontmatter accurately reflects the name, description, and configuration while the body encodes the visual tokens and layout rules.

What is the best way to maintain a single source of truth for prompting UI rendering?

The best way to maintain a single source of truth for prompting UI rendering is to export a DESIGN.md file. This provides machine-readable design guidance that prompts interfaces to consistently follow premium, anti-generic standards.

When should I not use a semantic design system for UI development?

You should not use a semantic design system if your UI development requires generic, out-of-the-box components without strict atmosphere or motion rules. This approach enforces premium, anti-generic standards and hardware-accelerated performance constraints.