SiteKit
Back to Help

Getting Started with SiteKit

Last updated: February 22, 2026

What SiteKit Does

SiteKit helps you build a professional marketing website for your small business — without hiring a developer. Here’s how it works:

  1. You fill in your info — business details, branding answers, feature choices
  2. SiteKit generates AI prompts — custom markdown files tailored to your business
  3. You give the prompts to Claude Code — and it builds your entire site

The result is a fast, modern, SEO-optimized website built with Jekyll and Tailwind CSS, hosted for free on Cloudflare Pages.

The Two-Stage Process

SiteKit generates two prompts, meant to be used in order:

Stage 1: Project Setup Creates the full project structure — Jekyll config, page scaffolding, contact form (if selected), blog (if selected), deployment config. The site will work and deploy, but with placeholder content.

Stage 2: Design & Content Applies your brand identity — colors, typography, real copy, service descriptions, CTAs, and SEO meta tags. Transforms the scaffold into a launch-ready marketing site.

Why two stages? Breaking it into steps lets you verify the structure before adding design. It also makes it easier to iterate — you can re-run Stage 2 with updated branding answers without rebuilding from scratch.

What You’ll End Up With

  • A static Jekyll + Tailwind CSS website
  • Hosted on Cloudflare Pages (free tier)
  • Mobile-responsive design
  • SEO-optimized with JSON-LD structured data, sitemaps, and meta tags
  • Optional contact form with email notifications
  • Optional blog section
  • Your own GitHub repo with full source code

What You Need

Before you start, you’ll need a few free accounts and tools:

  1. A GitHub account — to store your website code (How to set up GitHub)
  2. Claude Code — the AI tool that builds the site (How to install Claude Code)
  3. A Cloudflare account — free hosting for your site (How to set up Cloudflare)
  4. Brand assets (optional but recommended) — logo, photos, favicon in a local folder
  5. A SendGrid account (only if using the contact form) — for email delivery (How to set up SendGrid)

How Long Does It Take?

  • Filling in your data on SiteKit: ~30 minutes (business info, branding Q&A, feature selection)
  • Running Stage 1 prompt: ~10-15 minutes for Claude Code to build the scaffold
  • Running Stage 2 prompt: ~10-15 minutes for Claude Code to apply design and content
  • Review and tweaks: as long as you want

Most people go from sign-up to a deployed site in about an hour.

Next Steps

  1. Set up your accounts: GitHub, Claude Code, Cloudflare
  2. Fill in your business info, branding Q&A, and features in SiteKit
  3. Download and use your prompts: How to use the generated prompts