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.