Skip to main content
affpapa.org
RU EN
skill CX Codex

enhance-prompt · nexu-io — Claude Code skill: rewrite prompts with UI/UX terms

Rewrites your agent requests using design specs and UI/UX vocabulary. Handy when you ask for an interface and want a clearer result.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add nexu-io/open-design --skill enhance-prompt -a claude-code
Open on GitHub

What enhance-prompt does

The enhance-prompt skill takes your request and fills it in with design language and specifications. It targets design-to-code workflows, where a vague "make it look good" needs to become a concrete visual brief.

Inside there is only the skill description and its triggers (enhance prompt, design prompt, ui prompt, design vocabulary). The full upstream workflow with scripts and assets lives in a separate google-labs-code/skills bundle, installed into the active agent's skills directory. Without that bundle the skill gives you wording, not ready-made materials.

Install runs through a single npx skills add command per platform. The skill file lands at ~/.claude/skills/enhance-prompt/SKILL.md for Claude Code, or the equivalent path for other agents.

What it helps with

  • turn a vague request into design terminology
  • add UI/UX vocabulary to a prompt
  • prepare a prompt for a design-to-code pipeline
  • clarify requirements for visual output
  • invoke the skill by trigger phrase during agent planning

Example prompts for the agent

  • Enhance my prompt for a landing page with product cards
  • Add design vocabulary to my signup form request
  • Invoke enhance-prompt and rewrite my dashboard description

How to install enhance-prompt

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill enhance-prompt -a claude-code

2Manually: put the files in place

~/.claude/skills/enhance-prompt/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/enhance-prompt/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about enhance-prompt

How do I install enhance-prompt in Claude Code?

Run npx skills add nexu-io/open-design --skill enhance-prompt -a claude-code, then the file appears at ~/.claude/skills/enhance-prompt/SKILL.md.

What does enhance-prompt do?

It expands your request with design specs and UI/UX terms so the agent understands the visual you want.

Does the skill need extra files to work?

The full workflow with assets and scripts sits in the upstream google-labs-code/skills bundle, installed separately into your agent's skills directory.

Source text

SKILL.md · Apache-2.0 
---
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:

```bash
# 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.

© nexu-io · Apache-2.0 · nexu-io/open-design

Similar skills

Everything for Design →

enhance-prompt by other authors comes first.

enhance-prompt official google-labs-code Turns rough UI concepts into detailed, structured prompts for Google Stitch. Pulls tokens from DESIGN.md and formats colors, sections, and component keywords. CX Codex +1 58,300installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. 979,543installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. 850,344installs

From the same set124

The whole set →
imagen This skill uses Google Gemini's image generation API to create UI mockups, icons, illustrations, and other visual assets. CX Codex +1 2,800installs fal-3d Skill for creating 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting. CX Codex +1 2,800installs video-downloader Downloads videos from YouTube and other platforms for archival or offline editing with format and quality options. Useful when an agent needs to fetch media files locally. CX Codex +1 2,800installs login-flow Builds a standalone HTML prototype for a mobile app sign-in flow. Use it to shape phone, password, or social login screens with loading and error states. CX Codex +1 2,800installs shader-dev Provides GLSL shader techniques for ray marching, fluid simulation, and procedural graphics. Helps coding agents generate visuals and motion stills for hero sections. CX Codex +1 2,800installs figma-implement-design This skill guides an agent in turning a Figma design into code that matches the layout. Use it to hand a Figma frame to a frontend agent. CX Codex +1 2,800installs after-hours-editorial-template Generates luxury dark editorial presentations with haute-couture typography and cinematic transitions. Built for fashion lookbooks and premium brand pitches. CX Codex +1 2,800installs platform-design Brings 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 into your coding agent for building cross-platform apps on iOS, Android, and web. CX Codex +1 2,800installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor