How does this skill improve the 'vibe' of a UI?

It replaces basic adjectives with descriptive design tokens, such as changing 'modern' to 'clean, minimal, with generous whitespace,' which gives the AI clearer visual guidance.

What is the primary benefit of the Enhance Prompt skill?

It ensures UI generation tools receive highly specific, structured instructions, leading to more accurate and visually consistent code outputs compared to vague, natural language prompts.

Can I use this for mobile app designs?

Absolutely. The skill allows you to specify platforms like mobile, web, or desktop and adjusts its layout recommendations and keywords accordingly.

Does it work with my existing design system?

Yes, it is designed to automatically read your project's DESIGN.md file to extract and apply your specific color palettes, typography, and component styles.

Can I save the enhanced prompt for later use?

Yes, you can request the skill to output the result directly to a file like next-prompt.md, making it easy to use in automated generation loops.

Stitch UI Prompt Optimizer

Name: Stitch UI Prompt Optimizer
Author: google-labs-code

bygoogle-labs-code

•

1,981

•

Design Tools

Transforms vague UI concepts into structured, design-system-aware prompts for high-quality interface generation.

The enhance-prompt skill acts as a specialized prompt engineer within Claude Code, bridging the gap between high-level user ideas and the precise technical requirements needed for optimal UI generation. It automatically enriches prompts with professional UI/UX terminology, integrates design system constraints from local DESIGN.md files, and organizes layouts into logical components. This ensures that generated interfaces remain visually consistent, functionally complete, and aligned with modern web standards without requiring the user to write complex specifications manually.

Key Features

01Standardized color formatting with hex codes and functional roles

02Design system integration via DESIGN.md file analysis

03Structured page architecture mapping (Header, Hero, Content, Footer)

04Automated UI/UX keyword enrichment for technical precision

05Visual style and 'vibe' amplification using descriptive design tokens

061,981 GitHub stars

Use Cases

01Converting a one-sentence idea like 'make a dashboard' into a detailed technical specification

02Refining existing prompts that previously produced low-quality or inconsistent UI results

03Maintaining visual consistency across multiple screens by injecting shared design system context

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add google-labs-code/stitch-skills enhance-prompt

For use in Claude.ai and ChatGPT

Download Skill