website-builder-setup
Installation
SKILL.md
Website Builder Setup
This skill walks you through installing everything you need to build professional, animated websites with Claude Code. No coding experience required.
What Gets Installed
| Tool | What it does |
|---|---|
| UI/UX Pro Max | Gives Claude access to 50+ design styles, 161 color palettes, 57 font pairings. Your sites look designed, not generated. |
| Framer Motion | Adds smooth animations — page transitions, hover effects, scroll reveals. Makes sites feel alive. |
| 21st.dev Magic | A library of 100+ polished React components Claude can pull from. Production-quality building blocks. |
Workflow
When this skill is triggered, walk the user through each step one at a time. Be encouraging and clear — assume they have zero coding experience. If any step fails, don't stop. Acknowledge it, give them the manual command, and keep moving.