Learn to ship a website with PageMotor + Claude Code
This is the sandbox where I’m figuring out how to build, edit, and publish a real website using a Claude-powered editor — and writing down what I learn along the way.
Built with
- PageMotor
- Claude
- scssphp
- Plain HTML
- Own every line of code
- Edit live, with safety nets
- Learn by shipping
You want to learn modern web tools — but the tutorials never quite stick
The frameworks change faster than you can master one.
You’re paying for SaaS that ought to be one well-written script.
You want a site you actually understand top to bottom.
Every builder deserves a site they own end-to-end
A site that teaches you
Every page is a chance to try something — change a heading, swap a color, watch it ripple through the design.
Brain space for the idea
Let Claude Code handle the boring parts. Spend your time on the words and the shape, not the plumbing.
Confidence to ship the next one
Once you’ve built one site you fully understand, the next one stops being scary.
Real testimonials go here once there’s anyone to quote. For now, enjoy this honest placeholder doing the work of three sentences of social proof.
Another placeholder. When real readers send in notes about something they tried after reading this site, this is where their words will land.
A third placeholder. The shape of these cards matters as much as the words — alternating image and quote, breathing room, clear attribution beneath.
You are who Google says you are
Hey, I’m Shaun.
I’m an engineer using this site as a hands-on way to learn how PageMotor and Claude Code work together. The plan: edit pages, adjust the design, publish changes, and write down what I figure out as I go.
This is the placeholder bio. The real one will land here once I’ve shipped enough of the site to feel like writing about it. The shape is what counts for now — a headline you read first, a short paragraph beneath, and a clear next step to take.
What’s been built so far
What it’s like to edit this site
A quick walkthrough of how a change actually lands — open the page in admin, type the new copy, hit save, watch it appear.
Video coming soon
From the build log
How I activated my first theme
The first time the design actually changed live on the site — and the small moment of disbelief that followed.
Read the post →Writing copy without flinching
Why the placeholder you’re reading right now is itself a deliberate design choice.
Read the post →Claude Code as a build partner
Where AI fits into the flow when you’re learning a new tool — and where it pleasantly gets out of the way.
Read the post →FAQs
What is this site, actually?
It’s a personal sandbox for learning PageMotor and Claude Code. The copy you’re reading is intentional placeholder text that demonstrates layout rather than tries to sell anything.
What’s PageMotor?
An open-source content platform with a Theme/Plugin/Instance architecture and an MCP API. This whole homepage is editable through the PageMotor admin.
How does Claude Code fit in?
Claude Code talks to PageMotor through its MCP server. It can read content, edit themes, save CSS, and update pages — which is exactly how the site you’re looking at right now got built.
Can I do this too?
Probably yes, if you can run PHP and a few CLI tools. The setup isn’t trivial but it isn’t gatekept either. More on the steps as I get further in.
Why placeholder copy everywhere?
Because the layout is the lesson. Real copy will land once the structure is settled and there’s something specific worth saying.
Free notes
Get the build log when there is one
I’ll send a short note when I publish something new about building with PageMotor and Claude Code. No frequency promises. No sales pitch — there’s nothing to sell.