skills.rest
filippolmt
filippolmtCOMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on default fonts, purple gradients, and predictable 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 bans on AI design clichés such as Inter font, pure black, neon glows, 3-column card grids, and filler UI text. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe. - Use Case: Before prompting Stitch to build a SaaS dashboard, generate a DESIGN.md that locks in Geist typography, a single emerald accent, asymmetric bento layouts, and spring-physics motion intent so every generated screen stays consistent. ## Quick Start Generate a DESIGN.md design system for my analytics dashboard project that I can paste into 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 outputs a DESIGN.md with atmosphere, color palette, typography, components, layout, motion, and anti-patterns. Paste that file into Stitch as the design reference for screen generation.

What is a DESIGN.md file used for in AI UI generation?▼

A DESIGN.md is a natural-language design specification that AI tools like Stitch interpret as visual rules. It pairs descriptive names with exact hex codes, font stacks, and spacing values so generated screens follow one consistent aesthetic.

Can I adjust the design style the Skill produces?▼

Yes. Four dials control the output: Creativity, Density, Variance, and Motion Intent, each on a 1-10 scale. Lower values yield quiet, minimal interfaces; higher values produce expressive, editorial layouts with stronger asymmetry.

Does Google Stitch generate animations from the DESIGN.md?▼

No. Stitch generates static screens only. The motion section documents intended spring physics and micro-interactions so a coding agent like Cursor or Antigravity can implement the animations when building the live product.

What design patterns does the Skill ban?▼

It bans Inter and generic serif fonts, pure black, purple neon gradients, emojis, 3-column equal card grids, centered heroes at high variance, circular spinners, fake round statistics, and AI copywriting clichés like "Elevate" or "Seamless".

Related Skills

Explore More Design & Creative Skills→
Ohh-889Ohh-889
792

design-taste-frontend

Generates non-templated frontend designs for landing pages, portfolios, and redesigns.

Community
Advanced
tanveerriaztanveerriaz
1

stitch-design-taste

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

Community
Intermediate
ferrarifankid04ferrarifankid04

stitch-design-taste

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

Community
Intermediate
vikingokftvikingokft

stitch::extract-design-md

Extract a Stitch-compatible DESIGN.md from frontend source code.

Official
Intermediate