How I Did It

This entire website was built using just my voice.

No typing. No clicking through WordPress admin screens. Just me speaking to Wispr Flow while Claude Code does the rest.

Every page, every line of CSS, every piece of documentation on this site was created by voice dictation. I speak, Wispr Flow transcribes, and Claude Code writes the code, creates the files, and keeps everything organised.

From "build this page" to live on the site: about 30 seconds and 5 mouse clicks.

The Voice-First Stack

Wispr Flow

Converts speech to text in real-time. Fast, accurate, and works everywhere on Windows and macOS. Learn how to set it up.

Claude Code

Anthropic's AI coding assistant. It reads my instructions, writes code, creates files, and maintains documentation. Get started with Claude Code.

Custom Plugin

I asked Claude to build a WordPress plugin that exports everything it needs to know — pages, plugins, settings — and automates page creation.

ZIP Deploy

The theme lives locally. When ready, I zip it up and upload via WordPress admin. The whole site updates in seconds.

How It Actually Works

1

I Speak

Using Wispr Flow, I dictate what I want. "Add a new page called Voice Test 1" or "Update the homepage to explain the voice workflow."

2

Claude Builds

Claude Code creates the PHP template, writes the content, adds styles, updates the navigation, and logs everything in the changelog.

3

Plugin Syncs

My custom WordPress plugin reads the theme and automatically creates matching pages in WordPress. No manual page creation needed.

See It In Action

Don't take my word for it. These pages were created with a few seconds of voice instruction:

Voice Test 1

Created by saying "add a test page called Voice Test 1"

Voice Test 2

Includes a Venn diagram — because I asked for one

Get Started

Ready to try voice-first development? Follow these guides to set up your own workflow:

Set Up Claude Code

Install Anthropic's AI coding assistant and learn the basics of working with it.

Read the guide

Set Up Wispr Flow

Get voice-to-text running so you can speak your instructions instead of typing.

Read the guide

The WordPress Plugin

The magic glue is a custom plugin I asked Claude to build. It exports everything Claude Code needs to understand my WordPress site:

  • Complete page structure and hierarchy
  • All installed plugins with version numbers
  • Site settings and configuration
  • Available shortcodes from plugins
  • Automatic page creation to match local templates

When I create a new page template locally, the plugin detects it and creates the corresponding WordPress page automatically.

Project Structure

docs/

Stays on your local machine

  • PROJECT.md — Overview & deployment
  • PAGES.md — Page inventory
  • CHANGELOG.md — Version history
  • SEO.md — SEO standards
  • WORDPRESS-STATE.md — Plugin export
theme/

Gets zipped and uploaded

  • style.css — Styles & metadata
  • header.php — Header & navigation
  • front-page.php — This page
  • page-*.php — Page templates
  • functions.php — Theme setup

Is This Right for You?

Great for

  • Developers who prefer voice over typing
  • Anyone with RSI or accessibility needs
  • Fast iteration and experimentation
  • Sites where you want full control

Not ideal for

  • Teams needing traditional CMS workflow
  • Non-technical content editors
  • Sites with complex plugin dependencies
  • E-commerce or membership sites

Ready to build by voice?

Set up Claude Code and Wispr Flow, then start speaking. The combination is surprisingly natural once you try it.

Set Up Claude Code Set Up Wispr Flow Get in Touch