skills.rest
cherishwins
cherishwinsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

stitch-design-taste

Generates DESIGN.md files encoding premium UI design standards for Google Stitch screen generation.

3|Updated Apr 25, 2026
Search Tags:#typography#anti-patterns#design system#color palette#design tokens#ui design#google stitch
One-click install
npx skills add https://github.com/cherishwins/npsi-site --skill stitch-design-taste-cherishwins
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/cherishwins/npsi-site/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/cherishwins/npsi-site --skill stitch-design-taste-cherishwins

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often fall into generic patterns — Inter fonts, purple gradients, three-column card grids, and AI copywriting clichés. This Skill produces a structured DESIGN.md that forces Google Stitch to generate distinctive, high-quality screens instead of default-looking output. ## Core Features & Use Cases - Design System Generation: Creates a complete DESIGN.md covering color palettes with hex codes, typography rules, component stylings, layout principles, and motion philosophy. - Anti-Pattern Enforcement: Encodes explicit banned patterns (Inter font, pure black, neon glows, centered heroes, filler UI text) so Stitch avoids generic AI design tells. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match a project's vibe, from minimal Swiss to expressive editorial. - Use Case: A developer starting a SaaS dashboard project uses this Skill to generate a DESIGN.md, then feeds it to Google Stitch so every generated screen follows consistent typography, a single calibrated accent color, and asymmetric layouts. ## Quick Start Generate a DESIGN.md for my project using the stitch-design-taste skill with creativity level 8 and an emerald accent color.

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 DESIGN.md for Google Stitch?▼

Define the visual atmosphere first, then document color palette with hex codes and functional roles, typography rules with named font stacks, component stylings, layout principles, and motion specs. Stitch interprets descriptive natural-language rules paired with precise values.

What is Google Stitch and how does it use design systems?▼

Google Stitch is an AI screen generation tool available at labs.google/stitch that interprets visual descriptions, color values, typography specs, and component behaviors to generate UI screens. A DESIGN.md acts as the single source of truth for consistent output.

Why does AI-generated UI look generic and how do I fix it?▼

AI tools default to patterns like Inter font, purple gradients, three-column card rows, and centered heroes. Fix this by encoding explicit anti-patterns in your design system: ban specific fonts, limit accents to one color under 80% saturation, and require asymmetric layouts.

Can I use the generated DESIGN.md with Cursor or other coding agents?▼

Yes. The DESIGN.md includes a motion and interaction section written specifically for coding agents like Cursor and Antigravity, documenting spring physics parameters, staggered reveals, and hardware-accelerated animation rules for implementation.

What fonts should I use instead of Inter for premium UI design?▼

Use Geist, Satoshi, Cabinet Grotesk, or Outfit for display and body text, paired with Geist Mono or JetBrains Mono for code and metadata. For editorial contexts, distinctive modern serifs like Fraunces or Instrument Serif are acceptable.

Related Skills

Explore More Design & Creative Skills→
dawitlabsdawitlabs
3

design-grill

Interview stakeholders to generate a project-root DESIGN-BRIEF.md for UI design.

Community
Advanced
muhammaddadumuhammaddadu
1

stitch-design-taste

Generates DESIGN.md design system files for Google Stitch screen generation.

Community
Intermediate
adilkalamadilkalam

design-qa-skill

Automate design QA checks across breakpoints and generate severity-scored reports.

Community
Basic
sheriaxsheriax

clerk-custom-ui

Create custom Clerk authentication flows and theme components with React hooks.

Official
Intermediate