stitch-design-taste

Generate DESIGN.md files encoding UI design tokens for Google Stitch.

Updated Mar 20, 2026
One-click install
npx skills add https://github.com/hendrax5/ironman --skill stitch-design-taste-hendrax5
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/hendrax5/ironman/tree/main/skills/stitch-skill
Command: npx skills add https://github.com/hendrax5/ironman --skill stitch-design-taste-hendrax5

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill generates DESIGN.md files that encode a premium, anti-generic UI design language for Google Stitch, turning scattered design notes into a single, actionable specification.

Core Features & Use Cases

  • Generates DESIGN.md from a semantic design system that translates mood, density, and motion into precise tokens.
  • Encodes atmosphere, color calibration, typography, motion, and anti-patterns to guide Stitch-generated UI assets.
  • Use Case: A design team defines a new product line and needs a consistent, machine-readable design prompt for rapid screen generation.

Quick Start

Provide a project brief and let Stitch generate a DESIGN.md that encodes the premium design language.

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 machine-readable design system for Google Stitch UI generation?

To generate a machine-readable design system for Google Stitch, you provide a project brief to encode your UI design language into a structured DESIGN.md file. This specification translates mood, density, and motion into precise tokens to guide Stitch-generated UI assets.

What is a DESIGN.md file and how does it guide UI design tokens?

A DESIGN.md file is a single actionable specification that encodes premium UI design language into machine-readable tokens. It defines atmosphere, color calibration, typography, layout principles, motion philosophy, and explicit anti-patterns for interface generation.

Can I use this to enforce typography and color calibration across web and mobile layouts?

Yes, you can enforce typography and color calibration across both web and mobile layouts. The generated design guidelines apply semantic tokens universally across marketing pages, dashboards, and mobile interfaces to ensure visual consistency.

How do I prevent generic UI outputs when using Google Stitch?

You prevent generic UI outputs by encoding explicit anti-pattern rules within your DESIGN.md file. This structured guidance restricts poor design choices and enforces a premium, anti-generic design language for Stitch-generated assets.

Does this approach work for generating marketing pages and dashboards?

Yes, this approach works for generating marketing pages and dashboards. The generated design system handles atmosphere, component behaviors, and layout principles specifically tailored for web interfaces, marketing pages, and dashboard layouts.