skills.rest
Aeonxuu
AeonxuuCOMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

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

Updated May 9, 2026
Search Tags:#typography#design system#design tokens#ui design#design.md#google stitch#screen generation
One-click install
npx skills add https://github.com/Aeonxuu/southtownslandservice_v2 --skill stitch-design-taste-aeonxuu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/Aeonxuu/southtownslandservice_v2/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/Aeonxuu/southtownslandservice_v2 --skill stitch-design-taste-aeonxuu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, with default fonts, purple gradients, and cookie-cutter card layouts. This Skill encodes a strict, opinionated design system into a DESIGN.md file that Google Stitch can interpret, so generated screens follow consistent premium UI standards instead of default AI aesthetics. ## Core Features & Use Cases - Design System Generation: Produces a structured DESIGN.md covering atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, motion specs, and responsive rules. - Anti-Pattern Enforcement: Encodes explicit banned patterns such as Inter font, pure black, neon glows, 3-column equal card grids, centered heroes, and AI copywriting clichés. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion intent levels to match a project's vibe before generating the design system. - 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 uses the same calibrated palette, typography, and layout rules. ## Quick Start Ask the agent to generate a DESIGN.md design system for your project using the stitch-design-taste skill, describing your desired vibe and 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 system for Google Stitch?▼

Use this Skill to generate a DESIGN.md file that Stitch interprets as visual descriptions. It covers atmosphere, color palette with hex codes, typography rules, component behaviors, layout principles, and motion specs, giving Stitch a single source of truth for screen generation.

What is a DESIGN.md file for AI screen generation?▼

A DESIGN.md is a semantic design document written in natural language paired with precise values like hex codes and rem sizes. Stitch's AI agent reads it to produce screens aligned with a curated design language instead of generic defaults.

How do I avoid generic AI-generated UI design?▼

Encode explicit anti-patterns in your design system: ban Inter font, pure black, neon purple gradients, 3-column equal card layouts, centered heroes, and AI copywriting clichés. This Skill generates a DESIGN.md with all of these bans built in.

Does this work with Stitch MCP Server and Cursor?▼

Yes. The generated DESIGN.md works with Google Stitch via labs.google/stitch, and optionally with the Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI coding agents.

Can I adjust the design style the Skill produces?▼

Yes. Four taste dials control the output: Creativity, Density, Variance, and Motion Intent, each on a 1-10 scale. Low creativity yields quiet minimal interfaces, while high values produce expressive editorial layouts with inline image typography.

Does Google Stitch animate the generated designs?▼

No. Stitch generates static screens only. The DESIGN.md documents intended motion behavior, such as spring physics and staggered reveals, so a coding agent can implement the animations when building the exported design into a live product.

Related Skills

Explore More Design & Creative Skills→
rampstackcorampstackco
523

brand-discovery

Coordinate upstream brand discovery to clarify audience, competitors, and positioning.

Official
Advanced
tanveerriaztanveerriaz
1

stitch-design-taste

Generates semantic 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
reason-machinesreason-machines
4

figma-design-system-to-design-md

Convert Figma design tokens into structured design.md documentation for AI coding tools.

Official
Intermediate