What is the enhance-prompt skill?
The enhance-prompt skill is a SKILL.md in google-labs-code/stitch-skills. It takes a vague UI idea such as a login page, finds what is missing, injects your DESIGN.md as a required design system block, swaps vague words for UI terms, and returns a structured Stitch prompt with numbered sections.
The enhance-prompt skill rewrites a rough idea into a prompt Google Stitch can use well. It sits in the stitch-utilities plugin of the stitch-skills collection and only needs the Read and Write tools, not the Stitch MCP.
It handles two kinds of input. A broad request like make me a login page becomes a full structured prompt, and a targeted edit like add a search bar stays focused instead of being rewritten.
What changes in your agent's output
- The agent first assesses what is missing: platform, page type, structure, visual style, colors and components.
- If a DESIGN.md exists, it is injected into the prompt as a required design system section.
- Vague words are replaced with UI and UX terms, and the page is organized into numbered sections.
- Colors are written as a descriptive name, a hex value and a role.
Who the enhance-prompt skill is for
Best for
- Short ideas that need to become a full Stitch prompt.
- Keeping prompts consistent by reusing one DESIGN.md.
- Feeding a prompt into the stitch-loop baton file.
Not for
- Creating the DESIGN.md itself. Use design-md for that.
- Running the generation loop. stitch-loop does that.
- Prompts for non-Stitch tools, since the output format targets Stitch.
Use it with UiChemy
UiChemy covers the step after Stitch: bring a design or an AI build into WordPress. AI to WordPress imports an existing AI build or clones a site, and Composer edits the result in Elementor or Gutenberg. Click Get Started on uichemy.com.
How to install Enhance Prompt Skill: Better Stitch UI Prompts From an Agent
git clone https://github.com/google-labs-code/stitch-skills.gitSet up the Stitch MCP server
These skills assume the Stitch MCP server is configured in your agent. Follow the Stitch MCP setup docs first.
Clone the repository
Run
git clone https://github.com/google-labs-code/stitch-skills.git. This skill is at plugins/stitch-utilities/skills/enhance-prompt.Copy the skill folder
Copy that folder into your agent's skills folder with every file in it. The project's own plugin installer,
npx plugins add google-labs-code/stitch-skills, is the alternative and installs the whole collection.Invoke it
Give your agent a rough UI idea and ask it to enhance the prompt for Stitch. Add your DESIGN.md to the project so it can be injected.
Check that it loaded
Ask it to enhance make me a login page. You should get a structured prompt with platform, numbered sections and colors written as name, hex and role. With a DESIGN.md present, the prompt should include it as a required design system block.
Key features
- Gap assessmentIt checks platform, page type, structure, visual style, colors and components and fills what is absent.
- Design system injectionAn existing DESIGN.md is added to the prompt as a required block.
- Vocabulary substitutionVague phrases are swapped for UI and UX keywords and vibe words that Stitch handles well.
- Numbered page structureThe page is described as ordered sections.
- Named colorsColors use the form name, hex and role.
- Text or file outputThe default is text, with an optional next-prompt.md file for the stitch-loop skill.
- Targeted-edit handlingSmall edits, such as adding a search bar, stay narrow.
- Light toolingThe skill needs only Read and Write.
Frequently asked questions
What is the enhance-prompt skill?
It is a skill in google-labs-code/stitch-skills that turns vague UI ideas into structured prompts for Google Stitch. It fills missing details, injects your DESIGN.md and formats colors with names, hex values and roles.
How do I install enhance-prompt?
Clone google-labs-code/stitch-skills and copy plugins/stitch-utilities/skills/enhance-prompt into your agent's skills folder, or use the project's plugin installer for the whole collection. Then give the agent a rough UI idea and ask it to enhance the prompt.
Does it call Stitch?
No. Its allowed tools are Read and Write, so it only produces the prompt, as text or as a next-prompt.md file. You or another skill, such as stitch-loop, send it to Stitch.
What does it add to a short prompt?
It adds platform, page type, structure, visual style, colors and components when they are missing, rewrites vague words as UI terms and numbers the page sections. It also injects a DESIGN.md as a design system block.
What is the next-prompt.md file?
It is the optional file output. The stitch-loop skill reads it as a baton to decide what page to generate next, so enhance-prompt can feed the loop with a well-formed instruction.
Which AI agents can use enhance-prompt?
The README lists Codex, Antigravity, Gemini CLI, Claude Code, Cursor and OpenCode, with OpenCode set up manually. Because it needs only file tools, any agent that loads SKILL.md folders should be able to run it.
Where do I get a DESIGN.md?
Generate one from a Stitch project with design-md, or write taste rules ahead of time with stitch-design-taste. Place the file in the project so enhance-prompt can find and inject it.