stitch-design-taste

Generate a strict semantic DESIGN.md for Google Stitch product interfaces.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents generic, low-quality UI generation by encoding a strict, premium design language into a single DESIGN.md that agents can follow reliably.

Core Features & Use Cases

  • Semantic Design System Output: Produces an agent-ready DESIGN.md that translates taste constraints into structured, enforceable rules.
  • Color, Type, and Layout Guardrails: Locks palettes, typography stacks, spacing, and banned patterns to reduce “AI slop” and visual drift.
  • Motion & Anti-Pattern Enforcement: Specifies spring-based micro-interaction intent and explicitly forbids common UI/UX clichés and failure modes.

Quick Start

Use the stitch-design-taste skill to generate a DESIGN.md for your project, then prompt your design agent to create new screens that follow the rules in that file.

Frequently Asked Questions about stitch-design-taste

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I prevent generic UI output when generating design screens?

To prevent generic UI output, you need a strict semantic design system that locks color palettes, typography stacks, and spacing. Encoding these taste constraints into a single source of truth ensures agents reliably follow premium design rules.

What is a semantic DESIGN.md and how does it work with design agents?

A semantic DESIGN.md is a structured file that translates project design intent into enforceable rules. It acts as a single source of truth for design agents, specifying styling, banned patterns, and motion requirements to eliminate visual drift.

Can I use semantic prompting to enforce color palette and typography rules in Google Stitch?

Yes, semantic prompting can generate an agent-ready DESIGN.md to calibrate color palettes and typography stacks for Google Stitch. This approach applies controlled styling rules and hardware-accelerated motion constraints to new product interface screens.

How do I set up UI guidelines to ban common design patterns and clichés?

Set up UI guidelines by explicitly defining banned patterns and failure modes within your design system documentation. Enforcing these anti-patterns alongside spring-based micro-interaction intents prevents common UX clichés and reduces AI slop.

Does generating a design system file help with responsive behavior and motion constraints?

Generating a design system file establishes strict layout specifications and hardware-accelerated motion requirements. This ensures responsive behavior and calibrated spring-based micro-interactions are reliably applied across all generated product interfaces.