Build Your First Site

Create a complete website from scratch in under 5 minutes with Claude.

What you'll build

A complete landing page with hero section, features, about, contact form, and footer — all with professional design, responsive layout, and real images. The whole process takes about 2-3 minutes.

Step 1: Connect to Claude

If you haven't already, add Vibesites as a connector. See the Claude Desktop setup or Claude Code setup.

Step 2: Describe your business

Be specific. The more detail you give, the better the result:

Your prompt
"Create a landing page for Sunrise Yoga Studio in Santa Monica.
We offer vinyasa, restorative, and prenatal classes.
Use warm earthy tones — terracotta, sage green, cream.
The hero should say 'Find your flow' with a yoga class photo.
Add a class schedule, about our instructors, and a contact form."

The 5 Questions

Claude will ask about your business name, audience, primary action, visual identity, and content. Answer all 5 for the best result.

Step 3: Watch Claude build

Claude will use these tools in sequence:

  1. vibesites_create_site — creates the site with the landing template
  2. vibesites_read_file — reads the template to understand the structure
  3. vibesites_search_images — finds relevant stock photos
  4. vibesites_upload_asset — uploads images to your site's CDN
  5. vibesites_write_files — customizes HTML and CSS with your content

The site auto-publishes. You'll get a live URL like sunrise-yoga.vibesites.link.

Step 4: Iterate

Keep talking to Claude to refine:

  • "Make the hero taller and add a gradient overlay on the image"
  • "Add a pricing table for our membership plans"
  • "Create an About Us page with instructor bios"
  • "Run an SEO audit and fix any issues"
Every change creates a Git commit. If something goes wrong, you can always rollback.
← All GuidesCustom Domains →