Website Builder Setup

Website Builder Setup for Claude Code

Build professional, animated websites with Claude Code — no coding experience needed. This skill installs three tools that turn Claude into a full web design studio.

Built by [@tenfoldmarc](https://instagram.com/tenfoldmarc)

Install

**Easiest way:** Open Claude Code and say:

Install this skill for me: https://github.com/tenfoldmarc/website-builder-setup

Claude will handle the rest.

**Or do it yourself:**

Mac/Linux in the terminal:

git clone https://github.com/tenfoldmarc/website-builder-setup.git ~/.claude/commands/website-builder-setup

Windows Terminal:

git clone https://github.com/tenfoldmarc/website-builder-setup.git %USERPROFILE%\.claude\commands\website-builder-setup

Then type `/website-builder-setup` in Claude Code to get started.

---

OLD INSTALL (REMOVED)

Run this in your terminal:

claude install-skill https://github.com/tenfoldmarc/website-builder-setup

Then type `/website-builder-setup` and Claude walks you through everything.

What Gets Installed

Tool	What it does
UI/UX Pro Max	50+ design styles, 161 color palettes, 57 font pairings. Your sites look designed, not AI-generated.
Framer Motion	Smooth animations — page transitions, hover effects, scroll reveals. The difference between a $500 site and a $10,000 site.
21st.dev Magic	100+ production-ready React components. Buttons, navbars, hero sections, cards, footers — all pre-designed.

Requirements

• Claude Code installed
• Node.js (LTS version)

After Setup

Just tell Claude what you want:

Build me a landing page for my consulting business targeting small business owners.
Dark theme, modern, with animations.

Claude handles the rest — design, layout, animations, responsive, everything.