Taste Design

If you're tired of Stitch generating generic purple-gradient dashboards with Inter font, this skill creates DESIGN.md files that actually enforce taste. It bans the usual AI design clichés (no emojis, no neon glows, no "99.99% uptime" fake stats), forces asymmetric layouts over centered hero sections, and specifies real typography like Geist or Cabinet Grotesk instead of the defaults. The generated file becomes your single source of truth for prompting Stitch to create premium interfaces with proper color calibration, spring physics motion, and mobile-first responsive rules. Honestly, it's what should have shipped with Stitch from day one.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 22
skills.sh installs: 21K
GitHub stars: 8.7K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add google-labs-code/stitch-skills --skill taste-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Stitch Design Taste — Semantic Design System Skill

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 interfaces.

The generated DESIGN.md serves as the single source of truth for prompting Stitch to generate new screens that align with a curated, high-agency design language. Stitch interprets design through "Visual Descriptions" supported by specific color values, typography specs, and component behaviors.