Use Case
Stop doing repetitive product manager tasks manually. UI/UX Design and Development lets your AI agent handle them automatically through natural conversation. 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 shows practical examples of using UI/UX Design and Development to automate common product manager workflows and save hours every week.
Install UI/UX Design and Development: npx clawhub@latest --dir ~/.claude/skills install ui-ux-dev
Identify the repetitive product manager tasks you want to automate
Describe the task to your AI in plain English
UI/UX Design and Development will execute the task and return results directly in the chat
Chain multiple tasks: ask your AI to run a sequence of operations
Copy these prompts and use them with your AI agent after installing UI/UX Design and Development
Automate my product manager tasks using UI/UX Design and Development
What repetitive tasks can UI/UX Design and Development handle for me?
Set up a workflow that runs UI/UX Design and Development every morning
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.