01
Your studio
Claude Code
Make the idea, run it locally, and keep refining until it feels right.
Sophie’s tiny website playbook
Create freely.
Ship calmly.
Your portfolio now has a simple creative loop. Claude Code is where you make, GitHub is where you save, and Cloudflare is how it goes live.
Show me the loop ↓02
Your memory
GitHub
Save every finished change so you always have history and a way back.
03
Your publisher
Cloudflare
Every push to main triggers a fresh build and publishes the new site.
Your everyday loop
One idea.
One focused chat.
One clean push.
Open your portfolio
Open the portfolio folder in Claude Code and start a fresh chat for one clear idea.
Ask to see it
Say: “Hey, can you please run this locally so I can make changes?” Claude will open a local preview for you.
Look & screenshot
Review it in your browser. Share screenshots and point to exactly what you want changed.
Reiterate & refine
Keep reacting and adjusting until the page feels right. This is the creative part.
Ask Claude to ship
Say: “This looks good. Please run the production build, fix any errors, then stage, commit, and push it to main.” Claude handles the technical steps and Cloudflare publishes it.
When it feels right
Just ask Claude to ship it.
You never need to type terminal commands. Claude can check the build, save the change to GitHub, and send it to Cloudflare for you.
“This looks good. Please run the production build, fix any errors, then stage, commit, and push it to main.”
Good ways to ask
Talk about the outcome.
Claude handles the syntax.
01“Make this project intro feel more editorial and confident. Run it locally so I can review it.”
02“Use these screenshots as direction, but keep my typography and visual personality.”
03“This looks good. Please run the production build, fix any errors, then stage, commit, and push it to main.”
✳Creative freedom,
Creative freedom,
with guardrails.
Always look before publishing. The local preview is your safe place to experiment.
Keep one chat focused. New feature, new chat. Archive the old one when it ships.
Avoid collisions. Don’t have multiple agents changing the same folder at once.
Pause on high-stakes actions. Review anything involving deletion, passwords, billing, or DNS.
Red build? Copy the Cloudflare error log into Claude Code and ask it to diagnose the failure.