Free Resource

Build stunning websites with Claude Code in 30 seconds

Everything you need to set up the exact system I used to build a production landing page with one command. No coding experience required.

Setup Guide

1
Install Claude Code
Go to the Claude Code quickstart page. Copy the install command and paste it into your terminal. It takes about 60 seconds to set up.
curl -fsSL https://claude.ai/install.sh | bash
Claude Code Quickstart →
2
Download the UI/UX skill
Download this skill from GitHub, then drag and drop it right into Claude Code. It'll install itself. This gives Claude design intelligence: 50+ styles, 161 color palettes, 99 UX guidelines.
Download from GitHub →
3
Connect 21st.dev Magic
Go to 21st.dev and grab your MCP server connection command (it generates a unique API key for you). Paste it into Claude Code. This connects Claude to a library of premium UI components.
Get Magic MCP →

The Command

Get the Build Page Skill

The exact command file I use to generate full landing pages from a single sentence. Drop it into your Claude Code skills folder and run /build-page "your topic here".

Enter your email and I'll send you the skill files + setup instructions.

📄 SKILL.md 📄 template.html ~45 KB total

What you get

  • ✓ One-command website generation from any topic description
  • ✓ Animated aurora light effects, floating particles, film grain
  • ✓ Glassmorphism navigation and bento grid layouts
  • ✓ Auto-selected color palettes based on your industry
  • ✓ Mobile-responsive, accessible, production-ready HTML
  • ✓ Real copy (not lorem ipsum) generated for your brand
  • ✓ Zero dependencies. Single HTML file. Open and go.
Pro tip: After installing, try: /build-page "AI-powered fitness coaching app" and watch Claude build a full landing page in under a minute. Change the topic to anything you want.

Get more builds like this

Built by @themattycartwright using Claude Code