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.