stitch-design-taste

Generate semantic DESIGN.md files encoding visual, typographic, layout, and motion rules for Stitch workflows.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/philipp08/talo-webapp --skill stitch-design-taste-philipp08
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/philipp08/talo-webapp/tree/main/git_upload/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/philipp08/talo-webapp --skill stitch-design-taste-philipp08

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill closes the gap between deliberate design intent and agent-driven screen generation by producing a single-source-of-truth DESIGN.md that enforces premium, non-generic UI rules so Stitch and other agents output consistent, high-quality screens.

Core Features & Use Cases

  • Semantic DESIGN.md generation: Converts curated visual atmosphere, color tokens, typography rules, component behaviors, layout principles, and motion intent into a Stitch-friendly DESIGN.md.
  • Anti-pattern enforcement: Encodes explicit bans (fonts, colors, layout anti-patterns, filler UI text) to prevent generic or low-quality outputs.
  • Use Case: Produce a premium SaaS hero and component spec that ensures asymmetric layouts, single-accent color palettes, precise typography, skeletal loaders, and responsive collapse rules.

Quick Start

Use the stitch-design-taste skill to generate a DESIGN.md for a high-variance, editorial SaaS hero with Electric Blue accent and Creativity 8.

Frequently Asked Questions about stitch-design-taste

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

FAQPage Schema
How do I generate a DESIGN.md file for Stitch UI generation?

To generate a DESIGN.md file for Stitch, you encode curated visual atmosphere, color tokens, typography rules, and motion intent into a structured file enforcing premium UI rules for agent-driven screen production.

What is semantic design token formatting for agent-driven UI production?

Semantic design token formatting structures color palettes, font stacks, and component stylings into a machine-readable format, ensuring automation agents output consistent, high-quality screens without generic variations.

How do I prevent generic UI outputs when using Stitch for screen generation?

To prevent generic UI outputs, you encode explicit anti-pattern bans within your design rules, restricting specific fonts, colors, layout anti-patterns, and filler UI text from agent-driven screen generation workflows.

Does stitch-design-taste work for generating responsive component specs and hero sections?

Yes, this approach generates premium SaaS hero sections and component specs, enforcing asymmetric layouts, single-accent color palettes, precise typography, skeletal loaders, and responsive collapse rules for screen production.

How do I encode motion design rules and layout principles for automation agents?

You encode motion design rules and layout principles by converting curated visual intent into a single-source-of-truth design file, producing structured constraints formatted specifically for Stitch parsing and agent execution.