stitch-design-taste

Generate a DESIGN.md file encoding Google Stitch UI design rules.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Semantic Design System Skill that generates DESIGN.md language files tailored for Google Stitch, encoding premium, anti-generic UI standards and providing a single source of truth for design prompts.

Core Features & Use Cases

  • Generates a DESIGN.md file that codifies atmosphere, color calibration, typography, component behaviors, layout principles, motion philosophy, and anti-patterns for Stitch-driven screens.
  • Supports design-system teams to produce consistent, high-agency guidelines across product projects, dashboards, and hero sections.
  • Use Case: A designer wants a canonical DESIGN.md to seed a new design system chapter for a SaaS app, ensuring alignment with premium aesthetics.

Quick Start

Run the Stitch Design Taste skill to generate a DESIGN.md scaffold for your project.

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 file for Google Stitch?

A DESIGN.md file for Stitch encodes premium UI design language rules, ensuring strict typography, color, layout, and motion standards across product projects. It serves as a canonical source of truth to prevent generic UI outputs.

How do I enforce typography and color palette standards in Stitch UI designs?

You enforce typography and color palette standards by defining strict rules within a Markdown design language file. This ensures component behaviors and layout principles remain consistent across all generated screens and dashboards.

Can I use this to define motion philosophy and UI anti-patterns for a SaaS app?

Yes, you can generate a canonical DESIGN.md to seed a new design system chapter for a SaaS app. It defines motion philosophy and anti-patterns, ensuring alignment with premium aesthetics and high-agency guidelines across your project.

What is the best way to maintain consistent UI standards across Stitch-driven screens?

The best way to maintain consistent UI standards is to use a Markdown design language file that acts as a single source of truth. This ensures strict typography, color calibration, and layout principles are applied uniformly across all screens.

Does generating a design system guideline require any external dependencies?

No external dependencies are required to generate the design system guidelines. The process internally creates a Markdown structure that defines atmosphere, color calibration, component behaviors, and anti-patterns tailored for Stitch.