skills.rest
sandrasocial
sandrasocialCOMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate a DESIGN.md defining a premium UI design system for Google Stitch.

1|Updated Oct 27, 2025
Search Tags:#design#ui#prototype#color#semantic#stitch
One-click install
npx skills add https://github.com/sandrasocial/sselfie-9g --skill stitch-design-taste-sandrasocial
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/sandrasocial/sselfie-9g/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/sandrasocial/sselfie-9g --skill stitch-design-taste-sandrasocial

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams create consistent, high‑quality UI design files for Stitch without manual drafting.

Core Features & Use Cases

  • Generates a complete DESIGN.md that encodes atmosphere, color, typography, component behavior, layout, motion, and anti‑patterns.
  • Allows designers to adjust creative, density, variance, and motion dials to match project needs.
  • Provides a single source of truth for prompting Stitch to produce premium, non‑generic interfaces.

Quick Start

Ask the stitch design taste skill to create a DESIGN.md for a new e‑commerce dashboard.

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

You can generate a design specification for Google Stitch by creating a DESIGN.md file. This skill encodes atmosphere, color palette, typography, components, layout, motion, and anti-patterns into a single source of truth for prompting Stitch.

What is a design system specification and why do I need one for UI prototyping?▼

A design system specification defines cohesive visual rules like color, typography, and component behavior for UI prototyping. It acts as a single source of truth to ensure interfaces remain premium and non-generic across an entire web or app project.

Can I adjust color and typography settings when creating design tokens?▼

Yes, you can adjust color and typography settings using creative, density, variance, and motion dials. These parameters allow you to customize the generated design tokens to match your specific project requirements.

How do I create a design system for an e-commerce dashboard?▼

To create a design system for an e-commerce dashboard, prompt the skill to generate a DESIGN.md. It will produce a complete visual specification including layout, component behavior, and semantic color tokens tailored to your project context.

Do I need a SKILL.md file to generate visual specifications?▼

Yes, a SKILL.md file with frontmatter is required to generate visual specifications. The skill uses this file alongside optional design dials to produce deterministic design tokens and the final DESIGN.md output.

Related Skills

Explore More Design & Creative Skills→
Bloodrey41Bloodrey41

teach-impeccable

Scan codebases and brand assets to generate a Design Context file.

Community
Intermediate
Aurora-AIAurora-AI

stitch-design-taste

Generate a Stitch-ready DESIGN.md encoding a complete UI language with typography, color, layout, and motion rules.

Community
Advanced
jeannotlemaire-uxjeannotlemaire-ux

stitch-design-taste

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

Community
Advanced
devopstalesdevopstales
1

stitch-design-taste

Generate semantic DESIGN.md files for Google Stitch design systems.

Community
Advanced