enhance-prompt
nexu-io/open-design
Improve prompts with design specs and UI/UX vocabulary for design-to-code workflows.
What is enhance-prompt?
Enhances prompts by incorporating design specifications and UI/UX terminology. Use this skill when clarifying visual output requests or translating design requirements into code-ready specifications.
- Enriches prompts with design system vocabulary
- Incorporates UI/UX best practices into prompt language
- Translates design specifications into code-ready descriptions
- Clarifies visual and interaction requirements
- Improves design-to-code workflow communication
How to install enhance-prompt
npx skills add https://github.com/nexu-io/open-design --skill enhance-promptHow to use enhance-prompt
- 1.Invoke the skill by name 'enhance-prompt' or use trigger phrases like 'design prompt', 'ui prompt', or 'design vocabulary'
- 2.Provide your initial prompt or design request to the agent
- 3.The skill will rewrite and enhance your prompt with design specs and UI/UX terminology
- 4.Use the enhanced prompt for code generation or further refinement
Use cases
- Converting design mockups into detailed implementation prompts
- Clarifying visual component specifications for developers
- Enhancing vague design requests with proper terminology
- Preparing design briefs for code generation
- Standardizing design language across team communications
- Design-to-code teams
- Product designers working with developers
- AI agents generating UI code
- Design system maintainers
- Teams using design-driven development workflows
enhance-prompt FAQ
Use it when you have a vague design request or need to translate design mockups into detailed specifications for code generation.
It incorporates UI/UX best practices and design system terminology to clarify visual and interaction requirements.
Yes, it's designed to work with design-to-code workflows and can reference design system specifications.
No, the skill helps clarify and structure design language regardless of your background.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: enhance-prompt description: | Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output. triggers:
- "enhance prompt"
- "design prompt"
- "ui prompt"
- "design vocabulary" od: mode: design-system category: design-systems upstream: "https://github.com/google-labs-code/skills"
enhance-prompt
Curated from Google Labs (Stitch).
What it does
Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.
Source
- Upstream: https://github.com/google-labs-code/skills
- Category:
design-systems
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
Then ask the agent to invoke this skill by name (enhance-prompt) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
export-download-debugging
Diagnose and fix browser, preview, or Electron export/download failures, especially image export issues.
fal-3d
Generate 3D models from text or images via fal.ai for games, AR, and product design.
fal-generate
Generate images and videos with Flux, SDXL, Ideogram, and other fal.ai models.
fal-image-edit
AI-powered image editing with style transfer, background removal, object removal, and inpainting.
fal-kling-o3
Generate images and videos with Kling O3, Kling's most powerful model family, via fal.ai.
fal-lip-sync
Create talking head videos and lip sync audio to video via fal.ai