skills.rest
JZKK720
JZKK720COMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

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

Updated Jun 8, 2026
Search Tags:#design system#ui/ux design#google stitch#component guidelines#aesthetic standards
One-click install
npx skills add https://github.com/JZKK720/cubecloud-agentic-os --skill stitch-design-taste-jzkk720
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/JZKK720/cubecloud-agentic-os/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/JZKK720/cubecloud-agentic-os --skill stitch-design-taste-jzkk720

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating consistent, premium UI/UX standards for Google Stitch by generating DESIGN.md files with strict design rules, typography, color schemes, and component behaviors.

Core Features & Use Cases

  • Design System Generation: Generates DESIGN.md files for Google Stitch, defining visual and interactive standards.
  • Customizable Aesthetics: Adjusts creativity, density, and motion intent to fit the project's vibe.
  • Typography and Color Palette: Defines font stacks, scale, color roles, and accent colors, adhering to premium aesthetics.
  • Component Stylings: Provides detailed guidelines for buttons, cards, forms, loaders, and more.
  • Layout Principles: Outlines grid systems, responsive strategies, and layout transitions.
  • Motion Philosophy: Specifies motion behavior, physics engine, and performance considerations.
  • Anti-Patterns: Lists explicit design and coding bans to maintain high-quality UI/UX.

Quick Start

Generate a DESIGN.md file for your project using the stitch-design-taste skill with the following settings: Creativity 8, Density 4, Variance 8, and Motion Intent 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 file for Google Stitch?▼

To generate a design system for Google Stitch, use this Skill to create a semantic `DESIGN.md` file. It defines strict UI/UX rules, typography, color palettes, component behaviors, and responsive layout strategies.

What is included in UI/UX component guidelines for a design system?▼

UI/UX component guidelines include detailed styling rules for buttons, cards, forms, loaders, and grid systems. They also define motion philosophy, physics engine behaviors, and explicit anti-patterns to maintain premium aesthetic standards.

Can I customize typography and color palettes for my Google Stitch project?▼

Yes, you can customize typography and color palettes by providing manual input for project specifics and design intent. The Skill adjusts creativity, density, variance, and motion intent to fit your project's visual vibe.

What's the best way to ensure consistent aesthetic standards across UI components?▼

The best way to ensure consistent aesthetic standards is generating a `DESIGN.md` file that lists explicit design and coding anti-patterns. This establishes strict rules for visual interactions, layout transitions, and component stylings.

Do I need to manually input design intent to define responsive behavior?▼

Yes, you need to manually input project specifics and design intent to define responsive behavior. The Skill then generates tailored layout principles, grid systems, and component interaction rules based on your provided parameters.

Related Skills

Explore More Design & Creative Skills→
efekrbasefekrbas
41

stitch-design-taste

Generate Stitch-compatible DESIGN.md files from frontend product briefs.

Community
Advanced
phamhuutri108phamhuutri108

taste-design

Generate DESIGN.md prompts with YAML frontmatter for Google Stitch screen workflows.

Community
Advanced
iankikuiankiku
18

design

Review UI/UX designs against anti-slop standards for color, typography, layout, and components.

Community
Intermediate
Bamboo-ReportsBamboo-Reports
1

stitch-design-taste

Generate semantic design system specifications for AI-driven screen generation.

Official
Advanced