Use Case
UI/UX Design and Development isn't just for solo use β teams can share skills and build consistent AI workflows across the organization. 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 covers how to deploy UI/UX Design and Development for your team, standardize prompts, and create shared workflows that everyone can use.
Install UI/UX Design and Development in your project directory: .claude/skills/ui-ux-dev/
Commit the skill folder to your repository so the whole team has access
Document your team's standard prompts in a shared README
Use UI/UX Design and Development in code reviews, standups, and planning sessions
Iterate: collect feedback from the team and refine your prompts
Copy these prompts and use them with your AI agent after installing UI/UX Design and Development
How can my team use UI/UX Design and Development together?
Set up UI/UX Design and Development for our project so everyone can use it
Create a shared workflow using UI/UX Design and Development for our team
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.