skills.rest
hanamizuki
hanamizukiCOMMUNITY
Explore all skills by this author →
Website𝕏@hanamizukiGitHub

taste-stitch

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

127|8|Updated Apr 6, 2026
Search Tags:#design-system#prompt-engineering#frontend-design#design-ops#stitch#design-language#ui-standards
One-click install
npx skills add https://github.com/hanamizuki/solopreneur --skill taste-stitch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: taste-stitch
Source: https://github.com/hanamizuki/solopreneur/tree/main/plugins/designer/skills/taste-stitch
Command: npx skills add https://github.com/hanamizuki/solopreneur --skill taste-stitch

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Semantic Design Stitch helps teams generate DESIGN.md files that codify premium, non-generic frontend design language for Stitch-driven screen generation. ## Core Features & Use Cases

  • Creates DESIGN.md templates that encode atmosphere, color calibration, typography, component behaviors, and motion rules.
  • Outputs precise tokens (hex colors, font stacks, grid rules) suitable for Stitch prompts and automation workflows.
  • Applies layout and accessibility constraints to ensure consistent, scalable UI prompts for design teams.

Quick Start

Use Taste Stitch to generate a DESIGN.md for a new screen based on your design brief.

Frequently Asked Questions about taste-stitch

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

FAQPage Schema
How do I generate a consistent design language scaffold for Google Stitch?▼

You can create a DESIGN.md scaffold for Google Stitch by translating high-level requirements into precise design tokens. It encodes atmosphere, color calibration, typography, and component behaviors to ensure consistent UI prompts.

What is a DESIGN.md file used for in frontend design automation?▼

A DESIGN.md file codifies premium frontend design language for automation workflows. It encodes exact tokens like hex colors, font stacks, and grid rules to ensure consistent, scalable UI prompts for design teams.

Can I use semantic design prompts to encode accessibility and layout constraints?▼

Yes, semantic design prompts can apply layout and accessibility constraints. They encode component behaviors, motion rules, and responsive rules into the DESIGN.md output to ensure generated UI blocks meet required standards.

How do I codify typography and color calibration for UI design systems?▼

Codify typography and color calibration by generating a DESIGN.md template that encodes atmosphere and exact design tokens. This includes specific font stacks and color hex codes to maintain a consistent design language for prompt engineering.

What's the best way to create premium, non-generic UI blocks for design ops?▼

The best way to create non-generic UI blocks for design ops is to use a DESIGN.md scaffold that translates brief requirements into exact tokens. This ensures premium frontend design language is consistently applied across Stitch prompts.

Related Skills

Explore More Design & Creative Skills→
wellsgzwellsgz

frontend-design

Design and code frontend UI components from user briefs.

Community
Advanced
devkenidevkeni
1

stitch-design-taste

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

Community
Advanced
c0x12cc0x12c
96

design-workflow

Enforce project-consistent UI design workflows using design tokens and component-based standards.

Official
Advanced
rafifosrafifos
6

design-md

Analyze Stitch projects to generate a semantic DESIGN.md design system document.

Community
Intermediate