- Home
- Skills
- Google Labs Code
- Stitch Skills
- Enhance Prompt
enhance-prompt_skill
- TypeScript
2k
GitHub Stars
2
Bundled Files
2 months ago
Catalog Refreshed
4 months ago
First Indexed
Readme & install
Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.
Installation
Preview and clipboard use veilstrat where the catalogue uses aiagentskills.
npx veilstrat add skill google-labs-code/stitch-skills --skill enhance-prompt- README.md1.2 KB
- SKILL.md6.5 KB
Overview
This skill transforms vague UI ideas into polished, Stitch-optimized prompts that produce more reliable design outputs. It sharpens specificity, injects UI/UX vocabulary, applies design system context, and organizes content into a clear structure ready to send to Stitch. The result is prompts that guide layout, components, color roles, and behavior expectations.
How this skill works
The skill evaluates the input for missing platform, page type, structure, visual style, colors, and component details, then fills gaps or asks clarifying questions. It converts vague language into explicit UI component names, amplifies the desired vibe with descriptive adjectives, formats colors and tokens, and outputs a structured prompt with a DESIGN SYSTEM section when available. Optionally it can prepare the enhanced prompt for export as a markdown file if requested.
When to use it
- Before sending a UI prompt to Stitch to improve result quality
- When a previous Stitch generation was vague or off-target
- To add design system consistency to single-screen ideas
- When converting a short concept into an actionable page brief
- For targeted edits like adding a component without reworking the whole page
Best practices
- Be specific about platform (web, mobile, desktop) and page type early
- Preserve user intent — enhance detail without over-designing
- Include or create a DESIGN.md to ensure consistent tokens across screens
- Use numbered page structure to communicate hierarchy clearly
- Make single, focused edits for iterative changes rather than batching unrelated requests
Example use cases
- Turn “make me a login page” into a full brief with design tokens, page structure, and component specs
- Improve a poorly performing prompt by adding component names, color roles, and interaction notes
- Add a search bar to an existing header with precise placement, size, and behavior details
- Convert a vague landing page idea into a hero, features grid, and CTA layout with suggested color palette
- Generate a ready-to-copy prompt that includes DESIGN SYSTEM (REQUIRED) and page structure for multi-screen projects
FAQ
If no DESIGN.md is present, the enhanced prompt includes a tip recommending creation of a DESIGN.md and suggests using a design-md workflow to centralize tokens.
Can you limit changes to a single element?
Yes. For targeted edits the skill returns a concise changelog with exact placement, style, and behavior so the rest of the page remains unchanged.