How to Use the Generated Prompts

Overview

SiteKit gives you two prompts to use with Claude Code:

Stage 1 builds the project structure with placeholder content
Stage 2 applies your brand design and writes real copy

Use them in order, one at a time. Here’s the full workflow.

Stage 1: Project Setup

1. Download the Stage 1 Prompt

In SiteKit, go to your site’s Prompts tab and click Download Stage 1 Prompt. Save the .md file somewhere easy to find.

2. Open Your Project

Navigate to your cloned GitHub repo (see How to set up GitHub):

cd your-project-folder

3. Start Claude Code

claude

4. Give Claude the Prompt

You can paste the entire prompt into the chat, or reference the file:

Read stage-1-scaffold-your-site.md and follow all the instructions in it to build this project.

5. Let Claude Build the Project

Claude Code will create the full Jekyll project — config files, layouts, includes, pages, and any features you selected (contact form, blog). This takes about 10-15 minutes.

Tip: Don’t interrupt Claude while it’s working through the prompt. Let it finish the full build, then ask for any changes.

6. Test Locally

Once Claude finishes, install dependencies and start the dev server:

bundle install
bundle exec jekyll serve --livereload

Open http://localhost:4000 in your browser. You should see your site with:

All pages listed in the navigation
Placeholder content on every page
A working mobile menu
Default colors (the real brand colors come in Stage 2)

7. Verify

Check these things before moving on:

All pages load without errors
Navigation links work on desktop and mobile
Contact form appears (if you selected it) — it runs in dev mode on localhost
http://localhost:4000/robots.txt shows your real domain, not https://landingpage.managertools.xyz

8. Push to GitHub

git add .
git commit -m "Initial scaffold from SiteKit Stage 1"
git push origin main

9. Verify Deployment

Go to your Cloudflare Pages dashboard. You should see a new deployment being built. Once it finishes, visit your site’s URL to confirm it’s live.

Stage 2: Design & Content

1. Prepare Your Brand Assets

Before running Stage 2, put your brand assets in the project:

Logo → assets/images/logo.png
Photos → assets/images/ with descriptive filenames
Favicon → assets/images/favicon-source.png (at least 512x512)

No assets yet? That’s okay — Stage 2 will still work. It will add comments in the code telling you where to put assets later.

2. Download the Stage 2 Prompt

Go back to SiteKit and download the Stage 2 prompt from the Prompts tab.

3. Run Claude Code Again

In the same project directory:

claude

Give it the Stage 2 prompt the same way:

Read stage-2-design-content-your-site.md and follow all the instructions.

4. Let Claude Apply the Design

Claude Code will:

Choose brand colors based on your design preferences
Update the Tailwind config
Write real copy for every page
Create service descriptions
Write SEO meta descriptions
Set up structured data (JSON-LD) with your real business info
Integrate your brand assets (if present)

This also takes about 10-15 minutes.

5. Review the Changes

Start the dev server again and review:

bundle exec jekyll serve --livereload

Things to check:

Colors match your brand
Copy sounds like your business (not generic)
Phone numbers and email are correct
Business hours are right
All pages have unique content (no placeholder text remaining)
Mobile layout looks good

6. Make Adjustments

Not happy with something? Tell Claude:

The hero headline doesn't feel right. Can you make it more about [specific outcome]
and less formal? Our brand voice is casual and approachable.

Change the primary color to #2563eb (a brighter blue).

The About page needs more emphasis on our 15 years of experience.

Claude can iterate as many times as you need.

7. Push and Deploy

git add .
git commit -m "Apply brand design and content from SiteKit Stage 2"
git push origin main

Cloudflare Pages will auto-deploy your updated site.

Tips

You can re-download prompts anytime. If you update your business info or branding answers in SiteKit, download fresh prompts. The new prompts will reflect your latest data.

Stage 2 is re-runnable. If you want to start the design over, you can re-run Stage 2 on the same scaffold. Claude will overwrite the existing design with the new one.

Keep your SiteKit data up to date. If your business hours change, you add a new service, or your phone number changes — update it in SiteKit. Next time you download prompts, they’ll have the correct info.

You own everything. The generated site is yours — your GitHub repo, your Cloudflare hosting, your code. SiteKit just helps you get started.