skills.rest
Ashtoon95-R
Ashtoon95-RCOMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate DESIGN.md files for Google Stitch with configurable design variables.

Updated Aug 23, 2026
Search Tags:#responsive design#code generation#design system#UI design#Google Stitch
One-click install
npx skills add https://github.com/Ashtoon95-R/paviments-catalunya --skill stitch-design-taste-ashtoon95-r
Or copy as Structured Prompt for Agentâ–¼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Ashtoon95-R/paviments-catalunya/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/Ashtoon95-R/paviments-catalunya --skill stitch-design-taste-ashtoon95-r

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of DESIGN.md files for Google Stitch, ensuring premium UI standards are met through strict typography, color, layout, and motion guidelines.

Core Features & Use Cases

  • Semantic Design System: Outputs DESIGN.md files with precise design rules for Google Stitch.
  • Customization: Allows setting design variables like creativity, density, and variance.
  • Component Behavior: Defines how buttons, cards, forms, and other UI elements should behave.
  • Responsive Design: Ensures the design works seamlessly across various screen sizes.

Quick Start

Generate a DESIGN.md file for your Google Stitch project using the 'stitch-design-taste' skill.

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?â–¼

A DESIGN.md file for Google Stitch defines strict typography, color, layout, and motion guidelines to enforce premium UI standards. It acts as a semantic design system file that agents read to generate high-quality interfaces.

How do I customize UI design density and variance for Google Stitch?â–¼

You customize UI design density and variance by configuring specific design variables within the generated DESIGN.md file. This Skill allows setting creativity, density, and variance parameters to control component behavior and layout spacing.

Can I define responsive design rules for UI components in Google Stitch?â–¼

Yes, you can define responsive design rules for UI components in Google Stitch. This Skill generates DESIGN.md files ensuring buttons, cards, and forms behave correctly and adapt seamlessly across various screen sizes.

Do I need to manually code UI behavior rules when using Google Stitch?â–¼

No, you do not need to manually code UI behavior rules when using Google Stitch. This Skill automates semantic design standards, defining how UI elements behave directly within the generated DESIGN.md file.

What is the best way to enforce premium UI standards in Google Stitch?â–¼

The best way to enforce premium UI standards in Google Stitch is to generate an agent-friendly DESIGN.md file using this Skill. It applies strict typography, color, layout, and motion guidelines automatically to your design system.

Related Skills

Explore More Design & Creative Skills→
rafael-hcrafael-hc

frontend-blueprint

Guide UI discovery and generate atomic HTML/CSS components.

Community
Advanced
SnatchPlaySnatchPlay

stitch-design-taste

Generate a DESIGN.md file with UI/UX standards for Google Stitch designs.

Community
Advanced
saajunaidsaajunaid

design-system-tokens

Generate and validate design tokens as CSS variables across three-layer architectures.

Community
Intermediate
thesammykinsthesammykins

design-taste-frontend

Define premium UI design systems with strict typography, color, and layout rules.

Community
Advanced