skills.rest
jeannotlemaire-ux
jeannotlemaire-uxCOMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate semantic DESIGN.md files defining typography, color, layout, and motion for Google Stitch.

Updated May 21, 2026
Search Tags:#design system#performance optimization#ui design#semantic design#google stitch
One-click install
npx skills add https://github.com/jeannotlemaire-ux/dicobluff --skill stitch-design-taste-jeannotlemaire-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/jeannotlemaire-ux/dicobluff/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/jeannotlemaire-ux/dicobluff --skill stitch-design-taste-jeannotlemaire-ux

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, defining high-agency design standards for UIs, including typography, color, layout, and motion.

Core Features & Use Cases

  • Semantic Design System: Encodes design philosophy into Stitch's native language for AI interpretation.
  • Visual Descriptions: Provides color, typography, and component behavior specifications.
  • Performance Optimization: Generates optimized DESIGN.md files for premium, non-generic interfaces.

Quick Start

Generate a DESIGN.md file using the stitch-design-taste skill and input your project's desired atmosphere and style.

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 semantic design system file for Google Stitch?▼

A semantic design system in Google Stitch encodes your design philosophy into the platform's native language for AI interpretation. It provides specific visual descriptions for color, typography, and component behavior to ensure premium, non-generic interfaces.

How do I prevent generic UI output when using Google Stitch?▼

Yes, you can define custom color palettes and typography rules in Google Stitch. This Skill generates a DESIGN.md file where you can specify project-specific atmosphere, color palettes, typography rules, and layout principles to guide the AI's UI generation.

Do I need prior knowledge of semantic design principles to use this with Google Stitch?▼

Yes, using this Skill requires knowledge of Google Stitch and semantic design principles. You need to understand these concepts to effectively define the high-agency design standards and visual descriptions required for the AI to generate premium interfaces.

What is the best way to establish UI design standards for a Google Stitch project?▼

The best way to establish UI design standards for a Google Stitch project is to generate a DESIGN.md file using this Skill. It encodes your design philosophy into Stitch's native language, specifying typography, color, layout, and motion to optimize performance and ensure a premium interface.

Related Skills

Explore More Design & Creative Skills→
JohnRobert-OlanoJohnRobert-Olano

stitch-design-taste

Generate DESIGN.md files specifying visual, typography, layout, and motion rules for Google Stitch.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
wubq511wubq511
6

stitch-design-taste

Generate DESIGN.md files with UI guidelines for Google Stitch.

Community
Advanced
REVREBELREVREBEL

webflow-ui-skills

Implement Webflow design system constraints for color, typography, layout, and components.

Official
Basic