skills.rest
wubq511
wubq511COMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

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

6|5|Updated May 7, 2026
Search Tags:#design system#ui design#semantic design#google stitch#ui guidelines
One-click install
npx skills add https://github.com/wubq511/ProjectFlow --skill stitch-design-taste-wubq511
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/wubq511/ProjectFlow/tree/main/SkillPack/stitch-design-taste
Command: npx skills add https://github.com/wubq511/ProjectFlow --skill stitch-design-taste-wubq511

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the generation of DESIGN.md files for Google Stitch, ensuring high-quality, consistent UI standards in design systems.

Core Features & Use Cases

  • Design System Generation: Generates DESIGN.md files with detailed UI guidelines for Google Stitch.
  • Customization: Allows users to adjust creativity, density, and motion intent levels.
  • Typography and Color Palette: Defines typography rules, color palettes, and accent colors.
  • Component Stylings: Provides guidelines for buttons, cards, inputs, loaders, and more.
  • Layout Principles: Outlines grid systems, responsive design, and motion philosophy.
  • Anti-Patterns: Lists banned design elements and practices to maintain a premium aesthetic.

Quick Start

Generate a DESIGN.md file for a new project using the stitch-design-taste skill with a creativity level of 8 and a density level of 4.

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

To generate a semantic design system for Google Stitch, use this Skill to automate creating a DESIGN.md file containing specific color, typography, and component guidelines.

Can I customize UI guidelines like density and motion principles for my design system?▼

Yes, you can customize UI guidelines by adjusting creativity, density, and motion intent levels to define layout principles, typography rules, and component stylings.

What is the best way to prevent generic UI patterns in Google Stitch projects?▼

The best way to prevent generic UI patterns is to enforce anti-patterns that ban specific design elements, ensuring your UI design maintains a premium aesthetic within Google Stitch.

Does this Skill require prior knowledge of semantic design principles?▼

Yes, applying these UI design standards requires existing knowledge of Google Stitch and semantic design principles to effectively implement the generated component guidelines.

What specific component stylings are included in the generated DESIGN.md file?▼

The generated DESIGN.md file includes detailed component stylings for buttons, cards, inputs, loaders, and defines typography rules, color palettes, and grid systems.

How do I set up a premium UI standard file for a new design project?▼

To set up a premium UI standard file, generate a DESIGN.md file by specifying your desired creativity and density levels to output layout principles and anti-patterns.

Related Skills

Explore More Design & Creative Skills→
jeannotlemaire-uxjeannotlemaire-ux

stitch-design-taste

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

Community
Advanced
elsolalelsolal
1

stitch-design-taste

Generate DESIGN.md documents encoding UI language for Google Stitch.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
safzanpiranisafzanpirani
1

stitch-design-taste

Generate DESIGN.md design system specifications for Google Stitch UI generation.

Community
Advanced