stitch-design-taste

Generate DESIGN.md design system specifications for Google Stitch.

Updated Jun 30, 2026
One-click install
npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill stitch-design-taste-festo-wampamba
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Festo-Wampamba/Claude-Features/tree/main/skills/stitch-skill
Command: npx skills add https://github.com/Festo-Wampamba/Claude-Features --skill stitch-design-taste-festo-wampamba

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you turn vague product ideas into a precise, high-agency design system for Google Stitch, so generated screens feel intentional instead of generic.

Core Features & Use Cases

  • Design System Synthesis: Converts a product’s mood, audience, and product intent into a complete DESIGN.md specification.
  • Visual Guardrails: Defines palette, typography, spacing, component behavior, motion intent, and explicit banned patterns to keep output premium and consistent.
  • Use Case: A team can use it to generate a Stitch-ready design brief for a new dashboard, landing page, or product refresh without hand-writing every design rule.

Quick Start

Ask this skill to create a complete DESIGN.md for your product concept, including atmosphere, color, typography, layout, motion, and anti-pattern rules.

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 AI-driven UI generation?

To generate a design system for AI-driven UI generation, you provide product mood and audience details to produce a semantic DESIGN.md blueprint. This defines palette, typography, spacing, and motion intent to ensure generated interfaces feel intentional and premium.

What is a semantic design system blueprint and when do I need one?

A semantic design system blueprint is a comprehensive specification that defines visual rules, responsive behavior, and anti-pattern guardrails. You need one when converting vague product ideas into precise, high-agency design guidance for consistent interface generation.

How do I create a design brief that includes typography and motion intent?

You create a design brief with typography and motion intent by synthesizing product atmosphere and audience into a single specification. This process outputs calibrated typography scales, curated color systems, and explicit motion behaviors for your UI.

Can I use this to generate branding and layout rules for a product refresh?

Yes, you can generate branding and layout rules for a product refresh. It synthesizes asymmetric layouts, calibrated typography, and brand-consistent concepts into a complete design specification without hand-writing every individual design rule.

Does this approach work for defining anti-pattern guardrails in a design system?

Defining anti-pattern guardrails in a design system works by explicitly specifying banned visual patterns and component behaviors. This prevents generic or inconsistent output by enforcing strict visual rules during the AI interface generation process.

What is the best way to standardize color and spacing for generated UI screens?

The best way to standardize color and spacing for generated UI screens is to codify them into a semantic design specification. This establishes a curated color system and defined spacing rules that act as guardrails for premium, consistent visual output.