taste-design

Generate DESIGN.md prompts with YAML frontmatter for Google Stitch screen workflows.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/phamhuutri108/script-lining --skill taste-design-phamhuutri108
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-design
Source: https://github.com/phamhuutri108/script-lining/tree/main/stitch-skills-main/taste-design
Command: npx skills add https://github.com/phamhuutri108/script-lining --skill taste-design-phamhuutri108

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Semantic Design System teams struggle to maintain a consistent, premium UI language across Stitch screen generations. This skill provides a processor that outputs agent-ready DESIGN.md prompts, turning high-level aesthetic directives into concrete, machine-interpretable instructions.

Core Features & Use Cases

  • Generates DESIGN.md files that encode atmosphere, color calibration, typography, motion philosophy, and layout directives for Stitch-driven screens.
  • Provides a reusable blueprint that AI agents can consume to render non-generic interfaces across multiple projects.
  • Use Case: A design studio needs a scalable prompt generator to enforce a single design language across dozens of Stitch screens.

Quick Start

Describe the target mood, color roles, typography, and layout constraints in a concise brief and run it through Stitch to generate a DESIGN.md.

Frequently Asked Questions about taste-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a consistent design system prompt for Stitch screen generation?▼

To generate a consistent design system prompt for Stitch, you provide a concise brief describing target mood, color roles, typography, and layout constraints, which is then processed into an agent-ready DESIGN.md file encoding premium UI standards.

What is a DESIGN.md file and how does it enforce premium UI standards?▼

A DESIGN.md file is a machine-interpretable prompt artifact that specifies atmosphere, color calibration, typography, component behaviors, layout, responsive rules, motion philosophy, and anti-patterns to enforce a consistent, premium UI language across AI-generated screens.

How do I maintain a consistent design language across multiple Stitch screens?▼

You maintain a consistent design language by generating a reusable DESIGN.md blueprint that encodes your design directives, allowing AI agents to consume and apply these instructions uniformly across multiple Stitch-driven screen generation projects.

Does this design prompt generator require any specific dependencies or components?▼

No specific dependencies or components are required to use this design prompt generator, as it operates independently to process high-level aesthetic directives and output structured YAML frontmatter alongside the accessible DESIGN.md artifact.

What sections should be included in a Stitch design prompt for premium UI?▼

A Stitch design prompt for premium UI should include sections on atmosphere, color roles, typography, component behaviors, layout, responsive rules, motion philosophy, and anti-patterns to ensure the generated interfaces are non-generic and fully specified.

Can I use this to turn high-level aesthetic directives into machine-interpretable instructions?▼

Yes, you can use this processor to turn high-level aesthetic directives into concrete, machine-interpretable instructions by structuring them into a DESIGN.md file with required YAML frontmatter for Stitch-driven workflows.