skills.rest
lagarcess
lagarcessCOMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate DESIGN.md files with Stitch-readable semantic design descriptions.

1|Updated Apr 4, 2026
Search Tags:#design-system#design-tokens#stitch#motion-design#ui-guidelines#semantic-design
One-click install
npx skills add https://github.com/lagarcess/argus --skill stitch-design-taste-lagarcess
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/lagarcess/argus/tree/main/.agent/skills/stitch-design-taste
Command: npx skills add https://github.com/lagarcess/argus --skill stitch-design-taste-lagarcess

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill standardizes the creation of premium, agent-consumable DESIGN.md files so Stitch and design automation agents can produce consistent, high-agency interfaces without manual rule translation or ad-hoc stylistic drift.

Core Features & Use Cases

  • Semantic DESIGN.md generation: Produces a single-source-of-truth DESIGN.md encoding atmosphere, color tokens, typography, component behaviors, layout rules, and motion intent for Stitch.
  • Opinionated constraints and anti-patterns: Enforces banned patterns (fonts, colors, layout anti-patterns) and performance-minded motion rules to avoid common design mistakes.
  • Use Case: Generate a complete design brief for a SaaS dashboard or marketing landing page so an agent pipeline can render asymmetric hero layouts, calibrated palettes, and hardware-accelerated motion specs.

Quick Start

Generate a DESIGN.md for a SaaS analytics dashboard using stitch-design-taste with creativity 8, density 4, variance 8, and motion 6.

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 system file with semantic tokens for UI agents?▼

You generate a semantic design system file by creating a DESIGN.md that encodes color tokens, typography specs, and component behaviors into a Stitch-readable format for downstream UI agents.

Can I use Stitch to automate web UI screen generation from design guidelines?▼

Yes, you can use Stitch for web UI screen generation by processing a structured DESIGN.md that defines hero composition, responsive rules, and motion intent into rendered product interfaces.

How do I prevent stylistic drift in automated product UI design?▼

You prevent stylistic drift by enforcing opinionated constraints and banned layout anti-patterns within your DESIGN.md, ensuring design automation agents avoid common design mistakes.

What do I need to generate a Stitch-readable design brief for a SaaS dashboard?▼

You need to define parameters like creativity, density, variance, and motion to generate a complete design brief encoding calibrated palettes and hardware-accelerated motion specs for a SaaS dashboard.

Does this approach support defining motion design rules for automated interfaces?▼

Yes, this approach supports motion design by outputting precise motion intent and performance-minded motion rules within the DESIGN.md, ensuring automated interfaces use hardware-accelerated specs.

Related Skills

Explore More Design & Creative Skills→
DevHive1DevHive1
18

branding-generator

Generate brand identity kits with naming, color palettes, and typography.

Community
Advanced
letxbrace-droidletxbrace-droid

stitch-design-taste

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

Community
Advanced
akillnessakillness
40

design-system

Generates design system tokens, layout rules, motion guidance, and accessibility checks.

Community
Advanced
Fire-ants-never-dieFire-ants-never-die

orchestrator-designer

Generate design tokens and component specifications for the Claude Orchestrator UI.

Official
Intermediate