Claude Code Guides
Practical guides for building, launching, optimising, securing, and operating production websites with Claude Code. Filter by topic, skill level or goal — or start from a topic hub.
21 guides
Answer Engine Optimization: What Actually Decides Whether You Get Quoted
A search engine ranks pages; an answer engine lifts a paragraph out of one. That single difference decides everything else — including why a robots.txt disallow does not reliably keep you...
Website Scope of Work Template: Turn a Client Brief Into a Clear Plan With Claude Code
A scope document is not there to win an argument later. It is there so the argument does not happen. Fourteen sections, a worked fictional example, and the three requests that arrive in o...
Shopify Digital Product Page Template: Copy, Layout, and Claude Code Prompts
Twelve sections, in the order a buyer needs them — and the one most digital product pages leave out. Includes a real before-and-after from this store, labelled as an implemented change wi...
Playwright Testing With Claude Code: Forms, Links, and Regression Checks
A dozen browser tests that catch what breaks silently on a marketing site, written with Claude Code, run, broken on purpose so you see the failure, and restored. With the suite as a downl...
Claude Code Landing Page Audit: A CRO Workflow
A landing page has one job, and most pages called landing pages have four. Message match, the measured fold, the form checks that find real defects, and the order to fix them in.
Claude Code Conversion Rate Optimization: The Complete Workflow
Ask a model to increase conversions and you get a countdown timer and a predicted percentage lift. Neither is knowledge. This is the workflow that produces findings you can act on instead.
How to Build an Astro Website With Claude Code: Production Workflow
Astro is close to the best-case platform for agent-assisted work, because almost everything the site does is visible in files. This is a production build end to end, against Astro 7's cur...
How to Build a WordPress Website With Claude Code: Complete Workflow
WordPress is the hardest platform to hand an agent, because its behaviour is decided by files, a database and forty plugins at once — and two of those three are invisible to a tool that r...
Claude Code Accessibility Audit: Complete WCAG Workflow
W3C is explicit that tools cannot do it all. This is the division of labour: what a scanner answers, what reading components adds, and the manual passes that decide whether any of it worked.
Claude Code Performance Optimization: Core Web Vitals Workflow
"Make the website faster" is not a task an agent can complete. This is the loop that works: measure, find the one bottleneck, change exactly one thing, measure again, and revert it if it ...
Google Search Console With Claude Code: Complete SEO Workflow
The common failure in AI-assisted SEO is writing the wrong thing enthusiastically. Search Console tells you what Google already associates with your domain — this is how to turn that into...
Claude Code Website Security Audit: Complete Workflow
An agent reads code, configuration and dependencies in full, reaches a deployed site only through its own requests, and must not attempt exploitation at all. This is the workflow that sta...
Shopify SEO With Claude Code: Complete Workflow
What Shopify already does well, what is genuinely left to you, and the thin pages the platform creates without being asked. Every claim measured by fetching the URL rather than taken from...
CLAUDE.md Examples for Production Web Development
Four filled-in CLAUDE.md files rather than templates with blanks: an Astro marketing site, a Next.js app with a database, a Shopify theme, and a monorepo package — with what changes betwe...
Claude Code Website Audit: Complete Production Checklist
An audit asks what is wrong with what already shipped, and which of it matters. Four passes in a deliberate order, prompts that produce evidence instead of impressions, and the check that...
Vibe Coding Tools and Platforms: An Honest Comparison
Vibe coding and disciplined development are not opposites, they are a dial. Here are the three categories of tool and how to tell which end you are on.
Claude Code SEO: Complete Website Optimization Workflow
Claude Code is excellent at the verifiable half of SEO and dangerous at the half that needs external data. This is the workflow for the first half, in the order that matters, with the gua...
How to Build a Shopify Store With Claude Code
Shopify is a hosted platform, which changes the shape of the work. This covers the theme workflow, the Admin API, digital delivery, and the platform-specific failures that are easy to shi...
How to Create a Production CLAUDE.md for Web Development
A CLAUDE.md is where you answer a project's unstated questions once, in a file, instead of in every prompt. Here is what belongs in one, what does not, and how to tell whether yours is wo...
Best Claude Code Prompts for Web Development
Structure beats wording. These 27 prompts cover the whole web development cycle, and each one comes with when to use it, why it works, and what to check afterwards.
How to Build a Website With Claude Code: Complete Guide
Claude Code can build a production website, but not by being asked to build a production website. This is the workflow that actually works: fifteen steps from definition to deployment, ea...
No guides match those filters.
Try removing one, or .
The CLAUDE.md Starter Kit, free
Four working CLAUDE.md files you can drop into a project today, plus the one-page checklist for what belongs in one and how to tell whether yours is actually working.
- CLAUDE.md for a static marketing site
- CLAUDE.md for a web application, with security and migration rules
- CLAUDE.md for a Shopify theme, including the gotchas that cost hours
- CLAUDE.md for a shared package in a monorepo
- A one-page checklist, and how to test the file is actually working