Agent skill · Frontend

stitch-design-taste

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.

Nick44,086★ · +407/wk · 1 repos on radarProfile →
claude-codecodexcursorMIT
Install
npx skills add sickn33/agentic-awesome-skills --skill stitch-design-taste --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 2
SKILL.md size: 12 KB
Bundled scripts: none
Declared author: Leonxlnx
Path: skills/stitch-design-taste/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 44,414 · +328 this week
Language: Python
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Stitch Design Taste — Semantic Design System Skill ## When to Use - Use when the user wants a Google Stitch-compatible DESIGN.md or semantic design system for AI screen generation. - Use when translating premium frontend taste rules into Stitch-friendly visual descriptions, color roles, typography specs, and component behavior. - Use when the design system must prevent generic AI UI patterns before screens are generated. ## Limitations - This skill produces semantic design-system guidance for Stitch; it does not guarantee Stitch will render every constraint exactly. - Generated `DESIGN.md` files still require review against the actual product brief, brand constraints, accessibility needs, and screen content. - Motion sections document implementation intent for later coding agents because Stitch itself may generate static screens. ## Overview This skill generates `DESIGN.md` files optimized for Google Stitch screen generation. It translates the battle-tested anti-slop frontend engineering directives into Stitch's native semantic design language — descriptive, natural-language rules paired with precise values that Stitch's AI agent can interpret to produce premium, non-generic inte

What's inside
Steps it walks through
  1. When to Use
  2. Limitations
  3. Overview
  4. Prerequisites
  5. The Goal
  6. Analysis & Synthesis Instructions
  7. 1. Define the Atmosphere
  8. 2. Map the Color Palette
  9. 3. Establish Typography Rules
  10. 4. Define the Hero Section
  11. 5. Describe Component Stylings
  12. 6. Define Layout Principles
  13. 7. Define Responsive Rules
  14. 8. Encode Motion Philosophy
Ships with 1 file
  • DESIGN.md
More from agentic-awesome-skills
All skills →
About this skill
What does the stitch-design-taste skill do?

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.

How do I install it?

Run `npx skills add sickn33/agentic-awesome-skills --skill stitch-design-taste --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going