Field notes for people who build websites.

The website workbench / 30 field notes

Better questions. More useful websites.

Understand the AI tools, build a clearer first draft, and solve the practical problems around a website. Every field note includes a worked example, a decision framework, or a worksheet to use in your next project.

AI explained

What Is an AI Harness? The System Around the Model

Understand AI harnesses through a website-building example: tools, context, permissions, checkpoints, and the tests that keep an agent on track.

AI Harness Tools in 2026: What to Use—and What to Build

Compare Claude Code, Codex CLI, Claude Agent SDK, and LangGraph by the work you need to own. Includes a practical evaluation task.

AI Agent vs. Workflow: Which Does Your Website Project Need?

Choose between predictable automation and agent-led work using three website examples, a failure test, and a practical decision worksheet.

MCP vs. API for Website Automation: How They Fit Together

See where MCP ends and your website API begins. Includes a publish-action example, access checklist, and integration decision table.

Context Engineering for Website Projects: Give AI the Right Evidence

Build a compact context pack with approved facts, page intent, brand rules, and decision records so AI website work stays grounded.

AI Agent Permissions for Client Work: A Practical Access Matrix

Define what an AI assistant may read, draft, change, and publish across client websites. Includes an access matrix and approval checklist.

Build with AI

How to Create a Website with Claude: From Brief to Working Preview

Build a website with Claude using a concrete brief, an Artifact or code project, targeted revisions, and a launch checklist that catches unfinished functionality.

Claude Artifacts vs. Claude Code for Websites: Pick the Right Starting Point

Compare a shareable website prototype with repository-based development. Decide by maintenance, integrations, review, and publishing requirements.

How to Write a Website Brief for AI That Produces a Useful First Draft

Replace vague website prompts with an approved brief covering audience, facts, page jobs, visual direction, and acceptance checks. Includes a copyable template.

How to Turn Messy Client Notes into a Website Plan

Convert calls, emails, and documents into an approved sitemap and content plan without turning every client idea into a new page.

How to Fix an AI-Generated Website Without Starting Over

Diagnose weak AI website drafts in the right order: facts, visitor journey, functionality, layout, and visual polish. Includes a focused repair prompt.

How to Test an AI-Generated Website Before a Real Visitor Uses It

A practical AI website QA guide covering facts, mobile layouts, keyboard access, forms, routes, and launch ownership—with a copyable test record.

Choose your tools

Best AI Website Builders in 2026: Choose by the Site You Need

A use-case shortlist of Wix, Framer, Squarespace, Hostinger, Webflow, and Lindo—with tradeoffs, a common evaluation task, and no invented test scores.

AI Website Builder vs. AI Coding Assistant: Who Owns the Work After Launch?

Compare managed builders and coding assistants by editing, hosting, integrations, maintenance, and handoff—not by how quickly a homepage appears.

Best AI Tools for Website Copy: Choose a Writing Workflow, Not a Word Factory

Evaluate ChatGPT, Claude, and Jasper for website copy using approved facts, page intent, brand voice, and a common editing test.

Best AI Tools for Website Images: Match the Tool to the Visual Job

Choose between ChatGPT image generation, Adobe Firefly, and Canva—and learn when a real photograph or SVG diagram is the better website asset.

Best AI Tools for Website Prototypes: What Each Preview Can Prove

Compare Claude Artifacts, v0, Lovable, and Framer for website prototyping, with a common brief and a checklist for separating a demo from a deliverable.

Can AI Build a Production-Ready Website? The Missing Ownership Checklist

AI can produce much of a website, but readiness depends on verified content, working services, access, recovery, and maintenance. Use this release checklist.

Creative workflows

How to Create a Website with Codex: A Small, Reviewable First Build

Use Codex to build a website from approved facts, inspect the project, work in checkpoints, and verify a real preview before choosing a deployment path.

Turn a Client Interview into Website Copy People Can Actually Use

Ask better client questions, extract specific evidence, and turn an interview into clear service copy without manufacturing testimonials or promises.

How to Turn a Brand Moodboard into a Website Design System

Translate visual references into typography, color roles, spacing, imagery, and component rules that an AI builder can apply consistently.

How to Make AI Websites Look Less Generic

Replace default hero-and-card layouts with a clear editorial idea, distinctive evidence, varied section rhythms, and useful original visuals.

How to Build a Useful Website Demo Before a Sales Call

Create a small, clearly labeled website concept that demonstrates one improvement without copying assets, inventing results, or doing an unpaid full build.

How to Turn an AI Prototype into a Client Handoff

Convert a promising website preview into an operable deliverable with content approval, integrations, account ownership, editing instructions, and recovery.

Better business websites

How to Tell If a Business Needs a New Website—or Just a Few Repairs

Audit an outdated-looking business website using visitor tasks, content accuracy, forms, and maintenance needs before recommending a rebuild.

Website vs. Social Media for Local Businesses: Give Each Channel a Job

Decide what belongs on a local-business website, social profile, and Google Business Profile using customer tasks and a practical information map.

Restaurant Website vs. Online Ordering Platform: You May Need Both

Separate menu discovery, reservations, and order fulfillment before choosing a restaurant website or ordering platform. Includes a guest-journey checklist.

How to Audit a Competitor’s Website Without Copying It

Study public competitor websites for unanswered customer questions, content structure, and useful evidence—without inventing traffic estimates or copying assets.

How to Collect Website Content from Clients Without Endless Follow-Ups

Use a page-based content request, named owners, approval status, and a launch-gap list to gather website copy and assets efficiently.

Why AI Website Forms Don’t Work—and How to Trace a Missing Inquiry

Trace a generated contact form from browser validation to server handling and inbox delivery. Find fake success states, missing endpoints, and routing errors.