Guide · Agent skill
How to use the Enhance Prompt for Stitch agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The enhance-prompt skill is an agent skill that rewrites a loose interface idea, such as 'make me a login page', into a fuller prompt for Google's Stitch UI generator. It adds specific component names, mood words, hex colour values and a numbered page layout. This guide explains what the skill does, how to install it, how to trigger it and what to watch for, so you can get more useful prompts out of Stitch.
Enhance Prompt for Stitchgoogle-labs-code/stitch-skills · Apache-2.0 Download the skill Quick start
- 1Get the skill. Download the enhance-prompt ZIP from our page and unzip it, or upload it under Settings → Capabilities → Skills in the Claude apps.
- 2Place it in the right folder. Put it in ~/.claude/skills/ for personal use or in .claude/skills/ inside a project for project-only use.
- 3Prepare a DESIGN.md (optional). Add a DESIGN.md file to your project if you want consistent styling across screens. Use the design-md skill to create one if needed.
- 4Ask for an enhancement. Describe your rough idea and ask the agent to enhance it for Stitch, for example 'Enhance my prompt make me a login page'.
- 5Review the output. Check the colours, hex values and layout, since the skill invents example values that a person must confirm.
- 6Paste into Stitch. Copy the enhanced prompt into Google Stitch and generate your screen.
What is an agent skill and what does enhance-prompt do?
An agent skill is a folder of instructions that an AI coding agent loads when a task matches the skill's purpose. This one is built for writing better Stitch prompts. When active, the agent follows a fixed pipeline: it assesses what your prompt is missing (platform, page type, structure, visual style, colours, components), checks for a DESIGN.md file, applies UI/UX keywords and vibe adjectives, and formats the result with a design system block and a numbered page structure.
The skill only reads and writes text. It does not generate the designs itself. The output is prompt text you paste into Stitch.
Install the enhance-prompt skill
Option 1: Download the ZIP of the skill from our page and unzip it into your personal skills folder, ~/.claude/skills/, or into a project's .claude/skills/ folder so it applies only to that project.
Option 2: In the Claude apps, open Settings, go to Capabilities, and upload the skill under Skills.
The repository README also lists a command-line install: npx skills add google-labs-code/stitch-skills --skill enhance-prompt --global
- Personal install: ~/.claude/skills/
- Project install: .claude/skills/ inside your project
- Claude apps: Settings → Capabilities → Skills
How do you trigger the skill with a natural request?
You don't need a special command. Ask the agent in plain language to enhance a prompt, and say what it is for. The README gives this example request.
- Enhance my prompt "make me a login page" for better Stitch generation results.
- Polish this Stitch prompt before I send it: a pricing page for a note-taking app.
- Improve this prompt, it produced a messy dashboard last time: [paste your prompt]
Enhance my prompt "make me a login page" for better Stitch generation results.What does an enhanced prompt look like?
The skill's own example turns 'make me a login page' into a short description followed by a DESIGN SYSTEM (REQUIRED) block and a Page Structure list. The colours in that example are placeholder values the skill chose, not brand colours, so check them before use.
For a simple edit request such as 'add a search bar', the skill instead returns a targeted change list that asks Stitch to keep all existing elements.
- Header: navigation with logo and menu items
- Login card: centered form with email and password fields
- Submit button: primary blue 'Sign In' button
- Footer: sign-up link
Use a DESIGN.md file for consistent screens
If your project has a DESIGN.md file, the skill reads the design system from it and includes the colour palette, typography and component styles in the output. This keeps several Stitch screens visually consistent.
If there is no DESIGN.md, the skill adds a tip suggesting you create one with the design-md skill. The stitch-loop skill is optional and only needed if you want the output saved as next-prompt.md.
- Reads DESIGN.md if present
- Suggests the design-md skill if absent
- Writes next-prompt.md only if you ask and stitch-loop is in use
Safety notes: scripts and network access
The skill declares only Read and Write as allowed tools. It runs no scripts and uses no network access. Its only file activity is reading DESIGN.md and writing a prompt file if you request one.
Review the output before use. The skill invents example hex values and palettes, so colours must be checked by a person, especially for brand fit and accessibility contrast.
- Allowed tools: Read, Write
- Runs scripts: no
- Uses network: no
Tips for better results
Give the skill as much context as you can early on, because vague inputs need the most enhancement. Keep the request to one change when editing an existing screen, and don't ask for unrelated changes in the same prompt. If you want simple output, say so, since the skill may otherwise add more design detail than you need.
- Be specific early in the request
- Match the intent: say if you want simple
- Edit one change at a time
- Keep a DESIGN.md in the project for multi-screen work
What people use it for
- Turning 'make me a login page' into a structured prompt with a page layout and colour roles
- Keeping several Stitch screens in one project in the same visual style using a DESIGN.md file
- Rewriting a prompt that gave poor Stitch results into a more specific version
- Making a targeted edit request, such as adding a search bar while keeping existing elements
Frequently asked questions
Is the enhance-prompt skill free?
The skill is published under the Apache-2.0 licence. The source does not mention pricing for Google Stitch itself, so check Stitch's own terms for its costs.
Does enhance-prompt generate the UI design?
No. The skill only reads and writes text. It produces a prompt that you paste into Google Stitch, which does the generation.
What do I need to use enhance-prompt?
You need Google Stitch, since the prompt is written for it, and an agent that supports skills. A DESIGN.md file and the design-md skill are optional but help with consistency.
Does the skill run scripts or access the internet?
No. The skill runs no scripts and uses no network. It only reads DESIGN.md and writes a file if you ask for one.
Can I trust the colours it suggests?
Not without checking. The skill invents example hex values and palettes, so a human should review them for brand fit and accessibility before use.
How do I install it if my skill folder isn't working?
Check that the unzipped folder sits inside ~/.claude/skills/ or a project's .claude/skills/, or re-upload it under Settings → Capabilities → Skills in the Claude apps. The source does not list other troubleshooting steps.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use enhance-prompt if you know the look you want but struggle to describe it in design terms, or if you need several Stitch screens to match through a DESIGN.md file. Pick something else if you need verified brand colours, accessibility checks, or generated UI code, because this skill only writes prompt text for a human to review.
Download the skill