stitch-design-taste

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

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/serguei9090/LogLensAi --skill stitch-design-taste-serguei9090
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/serguei9090/LogLensAi/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/serguei9090/LogLensAi --skill stitch-design-taste-serguei9090

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces often look generic, relying on overused fonts, neon gradients, and predictable layouts. This Skill produces a structured DESIGN.md that forces Google Stitch to follow a curated, anti-generic design language with precise color, typography, layout, and motion rules. ## Core Features & Use Cases - Semantic Design System Generation: Produces a complete DESIGN.md covering atmosphere, color palette with hex codes, typography stacks, component stylings, layout principles, responsive rules, and motion philosophy. - 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 each project's vibe. - Use Case: A developer starting a new SaaS dashboard uses this Skill to generate a DESIGN.md, then feeds it to Google Stitch so every generated screen follows the same premium, non-generic visual standard. ## Quick Start Ask the agent to generate a DESIGN.md for your project using the stitch-design-taste skill, describing your desired vibe such as density and creativity levels.

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 file for Google Stitch?

Use this Skill to generate a DESIGN.md containing visual atmosphere, color roles with hex codes, typography rules, component stylings, layout principles, and anti-patterns. Stitch reads this file as visual descriptions to generate consistent screens.

What should a DESIGN.md for AI screen generation include?

It should include a visual theme description, named colors with hex codes and functional roles, font stacks with scale rules, component behaviors, grid and responsive principles, motion intent, and an explicit list of banned patterns like neon glows and generic fonts.

Can I use the generated DESIGN.md with Cursor or Gemini CLI?

Yes, the DESIGN.md works with Stitch via labs.google.com/stitch and optionally through the Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI.

Why does the design system ban the Inter font and pure black?

Inter and pure black (#000000) are banned because they signal generic AI-generated output. The system substitutes distinctive fonts like Geist, Outfit, or Satoshi and uses Zinc-950 or Charcoal for depth, producing a more curated premium aesthetic.

How do I adjust the design style for different projects?

Adjust the four configuration dials at the top of DESIGN.md: Creativity, Density, Variance, and Motion Intent. Lower values produce quiet minimal interfaces, while higher values produce expressive editorial layouts with dramatic typography.