skills.rest
hoainam183
hoainam183COMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate a DESIGN.md file defining visual atmosphere, color, typography, layout, and motion for Google Stitch.

Updated Aug 19, 2025
Search Tags:#design system#ui/ux#design automation#semantic design#google stitch
One-click install
npx skills add https://github.com/hoainam183/GR --skill stitch-design-taste-hoainam183
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/hoainam183/GR/tree/main/src/RAG_v2/frontend/chat-companion/.agent/skills/stitch-design-taste
Command: npx skills add https://github.com/hoainam183/GR --skill stitch-design-taste-hoainam183

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the creation of design systems for Google Stitch, ensuring a premium, non-generic user interface and experience.

Core Features & Use Cases

  • Design System Generation: Produces DESIGN.md files for Google Stitch, defining typography, color, layout, motion, and anti-patterns.
  • Customization: Allows adjustment of creativity, density, and motion intensity to match project requirements.
  • Use Case: Use this Skill to create a DESIGN.md file for a new app, ensuring consistent and high-quality design across all screens.

Quick Start

Generate a DESIGN.md file for a project with a creative level of 8, density of 4, and motion intensity of 6.

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

To generate a design system for Google Stitch, use this Skill to produce a DESIGN.md file defining visual atmosphere, color palette, typography, component behaviors, layout principles, and motion philosophy.

What is a DESIGN.md file used for in UI/UX design automation?▼

A DESIGN.md file defines the semantic design rules, typography, and motion principles for UI/UX design automation, ensuring a consistent and premium user interface across all generated app screens.

Can I customize the UI/UX design density and motion intensity generated for my app?▼

Yes, you can customize the UI/UX design generation by adjusting creativity, density, and motion intensity levels to match your specific project requirements and visual atmosphere.

Do I need the Stitch MCP Server to define component behaviors and anti-patterns?▼

You need access to Google Stitch to use the generated design system, while the Stitch MCP Server is optional and used specifically for deeper integration of component behaviors and anti-patterns.

What is the best way to ensure a non-generic visual atmosphere for my semantic design?▼

The best way to ensure a non-generic visual atmosphere for semantic design is to automatically generate a comprehensive design system file with defined anti-patterns, layout principles, and motion philosophy.

stitch-design-taste skill not generating the expected typography and color palette?▼

If the stitch-design-taste skill is not generating the expected typography and color palette, ensure you have correctly specified your desired creativity, density, and motion intensity parameters in your prompt.

Related Skills

Explore More Design & Creative Skills→
stefanbooveanu-debugstefanbooveanu-debug
1

stitch-design-taste

Generate DESIGN.md files defining UI/UX standards for Google Stitch.

Community
Advanced
BenAIOSBenAIOS

stitch-design-taste

Generate a DESIGN.md file encoding visual design parameters for Google Stitch.

Official
Advanced
devkenidevkeni
1

stitch-design-taste

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

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

riso

Define and enforce risograph-inspired design tokens and component rules for UI consistency.

Community
Intermediate