skills.rest
joaopaulotr
joaopaulotrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

stitch-design-taste

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

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

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 produces a structured DESIGN.md file that encodes a curated, opinionated design language so Google Stitch generates premium, non-generic screens. ## 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 specs. - Anti-Pattern Enforcement: Encodes explicit banned patterns (Inter font, pure black, neon glows, 3-column card grids, AI copywriting clichés) to prevent generic output. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe. - Use Case: A designer starting a new SaaS dashboard project uses this Skill to generate a DESIGN.md, then feeds it to Google Stitch so every generated screen follows the same calibrated visual language. ## Quick Start Generate a DESIGN.md design system for my new fintech dashboard project that I can use with Google Stitch.

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?▼

Provide your project's vibe and constraints, and the Skill generates a DESIGN.md file with semantic design rules Stitch can interpret. The file covers atmosphere, color palette with hex codes, typography, components, layout, motion, and banned anti-patterns.

What is a DESIGN.md file used for in Stitch?▼

A DESIGN.md file acts as the single source of truth for prompting Google Stitch to generate new screens. It translates design intent into descriptive natural-language rules paired with precise values that Stitch's AI agent uses to produce consistent interfaces.

Can I adjust the creativity and density of the generated design system?▼

Yes, the Skill uses configurable dials for Creativity, Density, Variance, and Motion Intent on 1-10 scales. Lower creativity produces quiet, minimal interfaces, while higher values yield expressive editorial layouts with bold typography.

Does this work with coding agents like Cursor or Antigravity?▼

Yes, the DESIGN.md includes a motion and interaction section documenting intended animation behavior, such as spring physics and staggered reveals, so coding agents can implement the static Stitch screens as live products.

What design patterns does the Skill ban?▼

It bans Inter font, generic serifs, pure black, neon glows, purple gradients, 3-column equal card layouts, centered heroes, emojis, AI copywriting clichés, fake round numbers, and circular loading spinners.

Related Skills

Explore More Design & Creative Skills→
iljazimakovsiljazimakovs

branding-generator

Generate three brand directions with color palettes, typography, and mood.

Community
Advanced
tranhoainam298tranhoainam298
1

taste-design

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
IgorWarzochaIgorWarzocha

vite-shadcn-tailwind4

Initialize Vite projects with shadcn/ui and Tailwind CSS v4 configuration.

Community
Intermediate