skills.rest
dual-devs0
dual-devs0COMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate semantic design system specifications for Google Stitch projects.

1|Updated Jun 25, 2026
Search Tags:#design system#ui/ux#semantic design#stitch#google stitch
One-click install
npx skills add https://github.com/dual-devs0/sistema-academico --skill stitch-design-taste-dual-devs0
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/dual-devs0/sistema-academico/tree/main/skills/skills_2/stitch-design-taste
Command: npx skills add https://github.com/dual-devs0/sistema-academico --skill stitch-design-taste-dual-devs0

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for high-quality, consistent UI design standards for projects using Google Stitch, ensuring premium, non-generic interfaces.

Core Features & Use Cases

  • Design System Generation: Generates DESIGN.md files with precise design rules for Google Stitch.
  • Typography and Color Standards: Defines typography and color palettes with strict guidelines.
  • Component Stylings: Provides detailed instructions for buttons, cards, inputs, and more.
  • Layout Principles: Enforces grid-first architecture and responsive design principles.
  • Motion Philosophy: Specifies animation and interaction behaviors for components.
  • Anti-Patterns: Lists design elements to avoid, such as emojis, generic fonts, and broken links.

Quick Start

Use the stitch-design-taste skill to generate a design system for your project by running the command 'stitch-design-taste generate --project my_project'.

Frequently Asked Questions about stitch-design-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a semantic design system for Google Stitch projects?▼

To create a semantic design system for Google Stitch, use this Skill to generate a DESIGN.md file defining typography, color schemes, component behaviors, and responsive strategies for consistent UI/UX.

What is the best way to prevent generic UI when using Google Stitch?▼

The best way to prevent generic UI in Google Stitch is to apply strict anti-pattern rules, avoiding generic fonts, emojis, and broken links while enforcing premium, non-generic design standards.

Does Google Stitch support custom typography and color palettes for UI components?▼

Yes, Google Stitch supports custom typography and color palettes. This Skill generates precise design rules defining strict guidelines for buttons, cards, inputs, and other UI components.

How do I enforce responsive design and motion principles in a Stitch UI?▼

To enforce responsive design and motion principles in a Stitch UI, generate a design specification enforcing grid-first architecture and specifying animation and interaction behaviors for all components.

Do I need prior knowledge of design principles to generate Stitch design standards?▼

Yes, you need knowledge of Google Stitch and design principles to effectively create semantic design system specifications, ensuring premium and consistent UI/UX across all screens.

What component behaviors should a semantic design system include for Stitch?▼

A semantic design system for Stitch should include component behaviors for buttons, cards, and inputs, alongside layout principles, motion philosophy, and strict typography and color guidelines.

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
Kevin-Liu-01Kevin-Liu-01
16

stitch-design-taste

Generate a DESIGN.md encoding UI rules for Google Stitch screen generation.

Community
Advanced
kireevkit15-syskireevkit15-sys

stitch-design-taste

Generate DESIGN.md files encoding design systems for agent-driven UI generation.

Community
Intermediate
Impertio-StudioImpertio-Studio

tailwind-core-design-system

Guide Tailwind CSS design tokens, configuration, and responsive patterns.

Official
Advanced