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.