Use Case
UI/UX Design and Development is a powerful AI agent skill that extends your assistant with new capabilities. Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow. This guide walks you through installing UI/UX Design and Development, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install UI/UX Design and Development: npx clawhub@latest --dir ~/.claude/skills install ui-ux-dev
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to product manager to trigger UI/UX Design and Development
Review the output and refine your prompt for better results
Combine UI/UX Design and Development with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing UI/UX Design and Development
Help me get started with UI/UX Design and Development
What can UI/UX Design and Development do for my product manager workflow?
Show me an example of using UI/UX Design and Development
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install ui-ux-devOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install ui-ux-devβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/ui-ux-dev/π‘Extract and place the folder at the path above, then restart your agent.