enhance-prompt Skill for Claude: Turn a Vague UI Idea into a Stitch Prompt

enhance-prompt rewrites a vague UI idea into a structured prompt for Google Stitch, with a design system block and numbered page sections.

Installs: 58.8K; on skills.sh
Stars: 8.7K; on GitHub
Files: 2; besides SKILL.md
Updated: Aug 2026; last repo commit

This skill, from Google Labs' stitch-skills repo, makes Claude act as a Stitch prompt engineer. It checks what your prompt is missing (platform, page type, structure, style, colors, components), swaps vague words for proper UI terms, and adds a design system block and a numbered page structure. It returns the finished prompt as text to copy.

If the project has a DESIGN.md, the skill pulls its colors, type and component styles into the prompt. If not, it ends with a tip to create one with the design-md skill. You can ask it to save the result to next-prompt.md for the stitch-loop skill, or to a file name you choose.

Good for

Designers and developers who generate screens in Google Stitch
Anyone whose Stitch results come out generic
Teams that want the same visual language across several screens

Install enhance-prompt

Claude Code

Copy this prompt.

Install the enhance-prompt skill in Claude Code. Run this command:

npx skills add google-labs-code/stitch-skills --skill enhance-prompt --global

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

The skill's allowed tools are Read and Write. The repo README says the Stitch skills require the Stitch MCP server, so set that up separately if you want Claude to generate screens. The plugin route installs the repo's whole suite: the README names three plugins (stitch-design, stitch-build, stitch-utilities) and the file tree holds 16 skills across them. Their plugin.json files list no hooks or MCP servers. Pick one route, not both.

From the project README. Source.

What's in the skill

When it loads

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.

Sections in SKILL.md

Prerequisites
When to Use This Skill
Enhancement Pipeline
Step 1: Assess the Input
Step 2: Check for DESIGN.md
Step 3: Apply Enhancements
Step 4: Format the Output
Output Options
Examples
Example 1: Vague Input → Structured Prompt
Example 2: Feature Request → Targeted Edit
Tips for Best Results

Key facts

Author: google-labs-code (GitHub repo owner)
Repo: google-labs-code/stitch-skills
Installs on skills.sh: 58,833 as of 2026-11-02
GitHub stars (repo): 8,653 as of 2026-11-02
Last repo commit: 2026-08-17
License: Apache-2.0
Files: 3 files including SKILL.md (README.md and references/KEYWORDS.md)
Works in: Codex, Antigravity, Gemini CLI, Claude Code, Cursor and OpenCode (manual install), per the repo README
Allowed tools in SKILL.md: Read, Write
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass

What it includes

Check six elements of the prompt
Platform, page type, structure, visual style, colors and components. Missing ones are inferred or asked about.
Step 1: Assess the input
Reuse your design system if it exists
Reads the design system block and adds it as a 'DESIGN SYSTEM (REQUIRED)' section. If no file exists, adds a tip to create one with the `design-md` skill.
Read · Step 2: Check for DESIGN.md
Keywords, vibe, structure, colors
Replaces vague terms with UI terms, turns adjectives like 'modern' into concrete style words, numbers the page sections, and writes colors as name, hex and role.
Step 3: Apply enhancements
One-line purpose, design system, page structure
The final prompt follows a fixed order so Stitch gets platform, theme, colors and sections.
Step 4: Format the output
Text by default, file on request
Default is text to copy. On request it writes `next-prompt.md` or a file name you give.
Write · Output options
One change at a time
For a request like 'add a search bar' it writes a specific change with location, style and behavior, and says to keep the rest unchanged.
Targeted edits

From the official docs

Questions

What does enhance-prompt do?

It turns a short UI idea such as 'make me a login page' into a full Stitch prompt. The prompt has a one-line description, a design system block with colors and roles, and numbered page sections. Claude gives it back as text.

How do I install it?

Use the install box above. The skill's own README gives the npx skills add command with --skill enhance-prompt, and the repo README also lists a plugin route for Claude Code.

Do I need a Stitch account or the Stitch MCP server?

The skill's allowed tools are Read and Write, and it hands you the prompt to send to Stitch. The repo README says the Stitch skills require the Stitch MCP server to be set up, so follow that if you want Claude to generate screens too.

What is DESIGN.md and do I need one?

It is a design system file the skill reads if it is in your project. It is optional. Without it, the skill adds a tip to make one with the design-md skill so several screens share one look.

Does it run scripts or need an API key?

The skill bundles no scripts and its text names no API key. It tells Claude to consult the official Stitch prompting guide for current advice.

How does it connect to stitch-loop?

On request it saves the prompt as next-prompt.md, the baton file the stitch-loop skill reads. Both are in the same repo.

Information

updated Nov 2, 2026

Repository: google-labs-code/stitch-skills
Folder: plugins/stitch-utilities/skills/enhance-prompt

google-labs-code/stitch-skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 4

google-labs-code/stitch-skills README · github.com
enhance-prompt README · github.com
enhance-prompt SKILL.md · github.com
Stitch effective prompting guide · stitch.withgoogle.com