stitch-design-taste

Generate DESIGN.md design system specifications for Google Stitch.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/Lev-it/lev-skills --skill stitch-design-taste-lev-it
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Lev-it/lev-skills/tree/main/.claude/skills/stitch-design-taste
Command: npx skills add https://github.com/Lev-it/lev-skills --skill stitch-design-taste-lev-it

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill creates DESIGN.md files for Google Stitch, enforcing high-quality UI standards with strict typography, color calibration, and layout principles.

Core Features & Use Cases

  • Design System Generation: Generates DESIGN.md files that define a visual language for Google Stitch.
  • Customization: Allows users to adjust creativity, density, and motion levels to match their project's vibe.
  • Typography and Color Palette: Defines custom fonts, colors, and typography rules to ensure a consistent and premium aesthetic.
  • Component Stylings: Outlines styling guidelines for buttons, cards, inputs, and other UI elements.
  • Layout Principles: Provides rules for grid-based layouts, responsive design, and motion interactions.

Quick Start

Use the stitch-design-taste skill to generate a DESIGN.md file for your project with a high-creativity, balanced density, and fluid motion level.

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

To generate a design system specification for Google Stitch, use this Skill to create a DESIGN.md file. This file enforces UI standards by defining semantic design language rules for typography, color, layout, and motion interactions.

What is a DESIGN.md file used for in UI design systems?

A DESIGN.md file defines the visual language and UI standards for a project, ensuring a consistent premium aesthetic. It outlines specific rules for typography, color calibration, layout grids, and component stylings like buttons and inputs.

Can I customize typography and color palettes for my UI components?

Yes, you can customize typography and color palettes for UI components. The Skill allows you to adjust creativity, density, and motion levels to match your project's vibe while defining custom fonts and color calibration rules.

How do I enforce anti-generic UI standards and layout principles?

You enforce anti-generic UI standards by generating strict design rules for typography and layout principles. The Skill provides guidelines for grid-based layouts, responsive design, and motion interactions to prevent generic component styling.

Does Google Stitch support custom motion interactions and responsive design rules?

Yes, Google Stitch supports custom motion interactions and responsive design rules. The generated DESIGN.md file provides specific layout principles and allows you to set a fluid motion level to guide component interactions across different screen sizes.

What's the best way to define UI component styling guidelines for inputs and cards?

The best way to define UI component styling guidelines is by generating a design system specification. This Skill outlines precise styling rules for buttons, cards, and inputs, ensuring strict color calibration and typography consistency.