A Fast, Good-Looking Small-Business Site Without WordPress: A Map Designer's 9-Step Claude Code Recipe
- Level Intermediate
- Setup1–3 hrs (estimated)
- Evidence Anecdotal
- CostNot stated in source
- No-codeNo
What they did
A cartographer shared his recipe for getting a fast, attractive site with Claude Code instead of WordPress or templates. Write the 100 words a visitor needs, screenshot sites you like, and pick two colors and two fonts at most. Then point the AI at a folder of copy and images and ask it to use GitHub, Cloudflare hosting and Resend for forms, doing as much as possible by command line. Have it max out Lighthouse speed scores and add alt text, SEO and Open Graph tags. Then iterate with annotated screenshots.
How it went
X post by @youwillmakemaps (Oct 30, 2026 UTC): 9-step Claude Code site recipe: 100 words of copy, inspiration screenshots, two colors and fonts, GitHub + Cloudflare + Resend, Lighthouse and SEO pass. Copying other sites' look is fine for inspiration, but don't copy their text, logos or images
Worth knowing
- X post by @youwillmakemaps (Oct 30, 2026 UTC): 9-step Claude Code site recipe: 100 words of copy, inspiration screenshots, two colors and fonts, GitHub + Cloudflare + Resend, Lighthouse and SEO pass.
- Copying other sites' look is fine for inspiration, but don't copy their text, logos or images.
Prompt
Cleaned version rewritten from the source — not a direct quote.
Build me a simple website from the files in [folder] (my copy, images and screenshots of sites I like). Use version control on GitHub, host it on [Cloudflare], and handle forms with [Resend]. Do as much as you can by command line and tell me which accounts I need. Show me a local preview first. Use at most two colors and two fonts, then max out mobile and desktop Lighthouse scores and add alt text, SEO and Open Graph tags.
Recommended
Try it in Grok Bot
Grok Bot can do this too: give it the same folder and instructions and have it build a Page.
- Copy the prompt (button below).
- Open Grok Bot chat and paste it. Replace any [bracketed] placeholders.
- Connect the listed tools (GitHub) as connectors when Grok Bot asks.
- If the task repeats, ask: "Make this a daily routine."
Alternatives: the same prompt works in Claude Code, Claude, ChatGPT Agent, OpenClaw.
Set it up
Tools: GitHub · Stack: Claude Code
- Read the original source for full context.
- Connect the tools your agent needs.
- Paste the prompt and replace [bracketed] placeholders.
- Run once manually and check the output before scheduling it.
Generic suggested steps, not from the source.
Evidence
X post by @youwillmakemaps (Oct 30, 2026 UTC): 9-step Claude Code site recipe: 100 words of copy, inspiration screenshots, two colors and fonts, GitHub + Cloudflare + Resend, Lighthouse and SEO pass. Copying other sites' look is fine for inspiration, but don't copy their text, logos or images
Source: X · 2026-10-30 · Verified by us: not yet · Report broken or outdated