skills.rest
dahuang3244
dahuang3244COMMUNITY
Explore all skills by this author →
GitHub

stitch-design-taste

Generate DESIGN.md files encoding design tokens and anti-pattern rules for Stitch.

Updated Aug 27, 2026
Search Tags:#typography#anti-patterns#ui-design#design-system#visual-language#color-palette#motion-design
One-click install
npx skills add https://github.com/dahuang3244/DhQuantSystem --skill stitch-design-taste-dahuang3244
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/dahuang3244/DhQuantSystem/tree/main/.agents/skills/stitch-design-taste
Command: npx skills add https://github.com/dahuang3244/DhQuantSystem --skill stitch-design-taste-dahuang3244

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates a DESIGN.md file that encodes a premium, anti-generic design language for Stitch-driven screen generation.

Core Features & Use Cases

  • Semantic design prompts: translates design philosophy into machine-readable tokens that Stitch can interpret to generate screens.
  • Color, typography, and motion rules: provides precise hex codes, font stacks, and animation constraints to ensure consistent output across projects.
  • Anti-pattern enforcement: enumerates a ban list to prevent generic, low-effort UI and AI clichés.
  • Quick-start integration: outputs a ready-to-use DESIGN.md that can be plugged into Stitch or design-to-code pipelines.

Quick Start

Prompt Stitch to generate a DESIGN.md that encodes atmosphere, color, typography, component behaviors, layout, motion, and anti-pattern rules for your project.

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 with exact hex codes and typography tokens for UI generation?▼

You can generate a DESIGN.md file encoding exact hex values, font stacks, and semantic tokens to ensure deterministic UI design system governance and consistent visual language across generated screens.

What's the best way to prevent generic AI clichés in generated UI design?▼

Implement an anti-pattern ban list within a DESIGN.md file to enforce premium UI design guidelines and prevent low-effort, generic visual outputs during AI-driven screen generation.

How does a design language specification translate into machine-readable tokens for code generation?▼

A design language specification translates into machine-readable tokens by encoding atmosphere, color calibration, typography, and motion philosophy into structured sections that support deterministic AI prompting.

Can I use this design specification with my existing design-to-code pipelines?▼

Yes, the outputted DESIGN.md is ready to plug into Stitch or existing design-to-code pipelines to apply consistent component behaviors, layout rules, and motion constraints.

What design dimensions are covered by a premium UI design language specification?▼

The specification covers atmosphere, color calibration, typography, component behaviors, layout, motion philosophy, and anti-patterns to ensure a comprehensive and consistent visual language.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
idiotLeoLYJidiotLeoLYJ
113

vibe-prototype

Map Stitch-generated screens to interaction documentation and validate HTML prototypes.

Community
Advanced
WellApp-aiWellApp-ai
341

design-context

Align UI decisions with design system tokens, Storybook stories, and codebase patterns.

Official
Basic
AeyeOpsAeyeOps
3

react-pwa-designer

Design React Progressive Web Apps with offline-first capabilities and shadcn/ui integration.

Official
Intermediate