skills.rest
misty-step
misty-stepOFFICIAL
Explore all skills by this author →
WebsiteGitHub

stitch-design-taste

Generate a DESIGN.md encoding a design language for Google Stitch.

13|3|Updated Mar 2, 2026
Search Tags:#automation#typography#ui-design#design-system#color-palette#stitch#design-taste
One-click install
npx skills add https://github.com/misty-step/harness-kit --skill stitch-design-taste-misty-step
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/misty-step/harness-kit/tree/main/skills/.external/leon-stitch-skill
Command: npx skills add https://github.com/misty-step/harness-kit --skill stitch-design-taste-misty-step

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates agent-friendly DESIGN.md files that encode a premium, non-generic UI design language for Google Stitch, translating rich front-end design directives into a structured, machine-interpretable prompt.

Core Features & Use Cases

  • Encodes atmosphere, color calibration, typography, component behaviors, layout principles, motion philosophy, and anti-patterns into a DESIGN.md that Stitch can consume.
  • Creates a single source of truth for prompting Stitch to generate screens consistent with a curated high-agency design language.
  • Supports prerequisites like Stitch access and MCP integration for programmatic workflows.

Quick Start

Provide a project brief to Stitch and generate the DESIGN.md that encodes atmosphere, color, typography, component behaviors, layout, motion, and anti-patterns for the target interface.

Frequently Asked Questions about stitch-design-taste

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

FAQPage Schema
How do I create a design system prompt for Google Stitch?▼

To create a design system prompt for Google Stitch, you provide a project brief containing narrative design directives. The Skill translates these directives into a structured, machine-interpretable DESIGN.md file that Stitch can consume.

What is a DESIGN.md file for UI design automation?▼

A DESIGN.md file for UI design automation is a single source of truth encoding a premium, non-generic design language. It contains token-based rules, hex color specs, font stacks, grid principles, and motion parameters for consistent interface generation.

How do I enforce typography and color palette rules in Stitch?▼

You enforce typography and color palette rules in Stitch by encoding strict hex color specs and font stacks within a generated DESIGN.md. This file applies calibrated design tokens and anti-pattern enforcement to your design projects.

Do I need MCP integration to generate a design language for Stitch?▼

MCP integration is not strictly required to generate the design language document itself, but it supports programmatic workflows. You need Stitch access and MCP integration for automated, programmatic application of the generated design system.

Can I prevent generic UI layouts when using Stitch?▼

You can prevent generic UI layouts by applying a curated, high-agency design language with strict anti-pattern enforcement. The generated DESIGN.md encodes specific layout principles, atmosphere, and component behaviors to avoid generic outputs.

What's the best way to define motion parameters for a UI design system?▼

The best way to define motion parameters is encoding motion philosophy directly into a DESIGN.md file. This establishes structured motion rules that Stitch applies consistently across generated screens and component behaviors.

Related Skills

Explore More Design & Creative Skills→
sirius-cc-wusirius-cc-wu
3

enhance-prompt

Translate vague UI prompts into structured Stitch-ready instructions.

Community
Intermediate
LutimiLutimi

stitch-design-taste

Generate DESIGN.md prompts encoding premium UI guidelines for Google Stitch.

Community
Advanced
lichong-alichong-a

ric-stitch-design-taste

Generate semantic DESIGN.md files for Google Stitch screen generation.

Community
Advanced
hanamizukihanamizuki
127

taste-stitch

Translate design requirements into a DESIGN.md scaffold for Google Stitch.

Community
Advanced