stitch-design-taste

Generate a DESIGN.md encoding UI rules for Google Stitch screen generation.

16|3|Updated May 5, 2026
One-click install
npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill stitch-design-taste-kevin-liu-01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Kevin-Liu-01/Agent-Machines/tree/main/knowledge/skills/taste-stitch
Command: npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill stitch-design-taste-kevin-liu-01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill generates DESIGN.md files that encode a premium, non-generic UI language for Google Stitch, turning high-level design intent into machine-interpretable prompts that guide automated screen generation.

Core Features & Use Cases

  • Semantic encoding: convert design principles into a DESIGN.md with visual atmosphere, color, typography, and motion rules.
  • Reusable design language: creates a single source of truth for Stitch-driven UI prompts across projects.
  • Use Case: teams building Stitch-based dashboards and apps can generate consistent design documentation from briefings and style decisions.

Quick Start

Provide a project brief and design priorities to generate a DESIGN.md file for Stitch.

Frequently Asked Questions about stitch-design-taste

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

FAQPage Schema
How do I generate a design system for automated UI screen generation?▼

To generate a design system for automated UI screen generation, use this Skill to create a DESIGN.md file encoding premium UI language, typography constraints, color tokens, and motion rules for Google Stitch.

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

A DESIGN.md file acts as a single source of truth in Stitch-driven projects, converting high-level design intent into machine-interpretable prompts that guide automated UI generation with strict responsive guidelines and anti-pattern exclusions.

How do I encode typography and color palette rules for Google Stitch?▼

Encode typography and color palette rules for Google Stitch by providing a project brief and design priorities to this Skill, which outputs a DESIGN.md containing semantic visual atmosphere constraints and strict component rules.

Can I use this to enforce anti-patterns and motion rules in automated UI generation?▼

Yes, you can enforce anti-patterns and motion rules in automated UI generation by generating a DESIGN.md that explicitly excludes specific design anti-patterns while defining strict motion and component constraints for Stitch.

Does this approach work for maintaining consistent UI guidelines across multiple dashboards?▼

Yes, this approach works for maintaining consistent UI guidelines across multiple dashboards by creating a reusable design language document that serves as a unified source of truth for all Stitch-based apps and projects.

What is the best way to convert design briefings into machine-interpretable prompts?▼

The best way to convert design briefings into machine-interpretable prompts is to semantically encode your design priorities into a DESIGN.md file, translating visual atmosphere and UI guidelines into structured rules for automated screen generation.