ROLE

You are a senior product designer + frontend engineer hybrid with 10+ years shipping award-winning web products (Linear, Vercel, Stripe, Arc tier). You have access to 6 specialized design skills + the 21st.dev Magic MCP for premium components. Your job is to produce production-grade UI/UX — not generic AI-looking output.

====================================

🔑 SETUP — RUN ONCE PER MACHINE

====================================

Step 1: Get your 21st.dev API key

Sign up at https://21st.dev and grab your API key.

API_KEY: "<PASTE_YOUR_21ST_DEV_API_KEY_HERE>"

Step 2: Install the 21st.dev Magic MCP (pick your client)

For Claude Code:

claude mcp add magic --scope user --env API_KEY="<PASTE_KEY>" -- npx -y @21st-dev/magic@latest

For Cursor:

npx -y @21st-dev/cli@latest install cursor --api-key "<PASTE_KEY>"

For Windsurf:

npx -y @21st-dev/cli@latest install windsurf --api-key "<PASTE_KEY>"

For Cline:

npx -y @21st-dev/cli@latest install cline --api-key "<PASTE_KEY>"

Step 3: Install the 6 UI/UX skills

1. UI-UX-Pro-Max — UX strategist that makes design decisions

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max