skills.rest
fatihkan
fatihkanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

stitch-design-taste

Generate DESIGN.md files encoding semantic UI specifications for Google Stitch screens.

7|Updated Apr 9, 2026
Search Tags:#design#design-system#stitch#color-typography#visual-descriptions#ui-prompting
One-click install
npx skills add https://github.com/fatihkan/badi --skill stitch-design-taste-fatihkan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design-taste
Source: https://github.com/fatihkan/badi/tree/main/.claude/skills/frontend-taste/stitch
Command: npx skills add https://github.com/fatihkan/badi --skill stitch-design-taste-fatihkan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill generates DESIGN.md files that encode a premium, anti-generic UI language for Google Stitch. It translates frontend design expectations into Stitch's semantic design language, providing a reliable prompt blueprint for high-agency screens.

Core Features & Use Cases

  • Generate DESIGN.md files that serve as a single source of truth for Stitch prompts.
  • Translate design directives into Stitch's semantic language, covering atmosphere, color, typography, and motion.
  • Use cases include dashboards, marketing pages, and app interfaces that require premium, non-generic visuals.

Quick Start

Prompt Stitch to generate a DESIGN.md for a new screen using the guidelines in this skill.

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 for Google Stitch prompts?▼

To generate a design system file for Google Stitch, you use this skill to produce a DESIGN.md file encoding premium UI language, covering atmosphere, color palette, typography, component styles, and motion rules.

What is a semantic design specification for UI prompting?▼

A semantic design specification for UI prompting translates frontend design expectations into a structured language, enforcing rules for atmosphere, color systems, typography, and motion to ensure premium, non-generic visuals.

How do I prevent generic UI outputs when using Stitch?▼

To prevent generic UI outputs in Stitch, you apply a generated DESIGN.md file that enforces a premium, anti-generic UI language with explicit anti-patterns across your screen prompts.

Can I use this design specification for dashboards and marketing pages?▼

Yes, you can use this design specification for dashboards, marketing pages, and app interfaces, applying the encoded color systems and component behaviors to achieve premium, non-generic visuals.

Does this Stitch design skill require any external dependencies?▼

No, this Stitch design skill requires no external dependencies, allowing you to directly generate DESIGN.md files that serve as a single source of truth for your premium UI prompts.

Related Skills

Explore More Design & Creative Skills→
rattamnoonrattamnoon

design-md

Extract design tokens from a Stitch project and generate a DESIGN.md.

Community
Advanced
Usmanhacker2641Usmanhacker2641

stitch-design-taste

Translate premium UI design directives into Stitch-ready DESIGN.md prompts.

Community
Advanced
safzanpiranisafzanpirani
1

stitch-design-taste

Generate DESIGN.md design system specifications for Google Stitch UI generation.

Community
Advanced
devopstalesdevopstales
1

stitch-design-taste

Generate semantic DESIGN.md files for Google Stitch design systems.

Community
Advanced