#31Live ↗Live Products

Website Prompt Builder

A free tool that assembles a complete ChatGPT prompt for a one-page personal brand site, including a style extractor that reads any website you admire and folds its design language into your prompt.

Visit it live ↗
Website Prompt Builder screenshot
Lighthouse: 93 performance · 100 accessibility · 100 best practices · 100 SEO
⚡ Free tool, no signup

The problem

People know they need a personal site but freeze at the blank prompt. Telling ChatGPT to make it nice produces generic pages.

What Claude Code did

Claude built a guided builder: pick a brand design language, reorder sections, watch the prompt assemble live. The clever part is the style extractor, which crawls a site you love and translates its look into prompt instructions, with a 30-day cache, hard usage caps, and a silent fallback that teaches ChatGPT to fetch the style itself if the budget runs out.

The result

Perfect or near-perfect Lighthouse scores, share links that carry the whole configuration in the URL, and zero third-party trackers.

Under the hood

ClaudeNode.jsFirecrawlFirst-party analytics

FAQ

What happens when the crawl budget runs out?

Nothing visible. The tool falls back to a prompt that instructs ChatGPT to study the reference site itself, and Joe gets an email that the budget is near its cap.

Why no analytics service?

A tiny events table in SQLite answers every question Joe actually asks, and visitors get a tracker-free page.

Ask Joe about this project

Want to build things like this?Apply to the Claude Masterclass →