HeroBoard Early access
SectionsOverview

For freelancers and agencies who build with AI

Build client websites with AI. Hand them a Shopify-style editor.

Your agent builds the theme in Claude Code or Codex. Your client edits pages, blog posts and photos in a visual editor, so small changes stop landing on your desk. Hosted free on your own Cloudflare.

Free to self-host. Cloud hosting is coming, and early access is open now.

Sound familiar?

AI made building the site fast. Handing it off is still slow.

Build it with AI. Hand it off with HeroBoard.

Your agent does the building, and your client gets an editor. No plugins to update and no server to look after.

  1. 1

    Build it with your agent

    Your agent reads HeroBoard’s theme guide and toolkit, then builds the theme in TypeScript or React. It can also port a Shopify design with the conversion guide. The theme lives on a GitHub branch.

    Claude Code, Codex, Cursor, Gemini CLI
  2. 2

    Publish to your Cloudflare

    Your website publishes to your own Cloudflare account, on its free allowances. Or join the Cloud early access and we’ll host it for you.

    One sign-in with Cloudflare
  3. 3

    Hand your client the editor

    They change the words, photos, posts and settings your theme offers. Drafts stay drafts until someone presses Publish.

    Shopify-style, so it feels familiar
  1. GitHubYour theme, on a branch
  2. HeroBoardThe editor, drafts and previews
  3. CloudflareYour account, or our Cloud
  4. yourclient.comThe live website

What your client sees.

HeroBoard’s theme editor, the way your client uses it. Four steps, and the website is updated. Each step plays by itself.

  1. 1

    Pick a section

    Click anything in the preview or in the list, and its settings open on the right.

  2. 2

    Change the words

    Type, and the preview follows as you go.

  3. 3

    Change the look

    Colors, fonts and layouts are settings your theme chooses to offer.

  4. 4

    Publish

    One button, and the live website updates. Not ready yet? Save the draft and send a preview link.

A recreation of the editor, playing on its own. Nothing here is really being published.

Your agent keeps working after launch.

Launch isn’t the end of the job. Your agent writes and updates pages and posts, uploads files, asks your client for photos with exact requirements, and reads and answers their comments. You decide, for each connection, whether it can publish.

  • Claude
  • ChatGPT
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
  • Other MCP apps

Claude and ChatGPT connect through HeroBoard’s MCP connector with one sign-in. Claude Code, Codex, Cursor and Gemini CLI use a website key, with nothing to install.

Agent session · Pine & Oak Bakery
  1. You

    Add a Spring menu page with these six pastries, and ask Sam for a photo of each.

  2. get_content4 pages, 12 posts
  3. save_page “Spring menu”saved as a draft
  4. create_request × 6photo, landscape, 1600 px wide or more
  5. publish_websitenot allowed for this key
  6. Agent

    The Spring menu page is saved as a draft, and Sam has six photo requests waiting on the preview link. This key can’t publish, so it’s ready for you to review.

An agent’s work log, shortened.

Ask your client for exactly what you need.

Every draft theme has its own preview link. Instead of a placeholder and an email, mark what you need, and your client fills it in right on the preview.

Text, photos, choices, yes or no
Mark a setting, or a spot in a page or post, as needing your client, and choose the answer you want: text, a link, a choice, yes or no, photos or video.
Photos at the size you need
Ask for landscape or portrait, a ratio, a minimum or exact size, a file size, or a video length.
Filled in on the preview
Your client taps a yellow spot or Questions on the preview link and answers, with their name. Photos that don’t fit are caught before they upload.
Nothing changes by itself
Answers wait in your Requests inbox until you click Apply, and then they go into the draft. The live website stays as it was.

Pin a comment anywhere. Talk it through on the page.

Figma-style comments on the preview link, for you and your client. Add comment, then click the spot.

Pins, both ways
You and your client both drop pins, reply, attach screenshots (up to 4 per comment, 10 MB each), and resolve or reopen threads.
One conversation
Everyone with the link sees every pin. Your team replies from the editor or the Comments view, signed with their own name.
AI agents can help
Connected agents read threads, reply and attach images through HeroBoard’s MCP tools.
Never on the live website
Comments stay on the preview. The published website never shows them, and they never change it.

Themes work the way you already know.

Section and block schemas, JSON templates and global settings, the way Shopify does it. You render the HTML in TypeScript or React, and HeroBoard turns your schemas into your client’s editor.

$ heroboard init my-theme --framework vanilla$ cd my-theme && npm install$ heroboard dev# 127.0.0.1:4321, reloads on save$ heroboard check# every schema, template and render$ heroboard build# commit .heroboard/theme.json$ git push origin theme/spring
Sections, blocks and templates
Shopify-style schemas with presets, limits and the setting types you know.
TypeScript and React starters
Both render on the server and ship as one small bundle. No framework lock-in for your client.
A CLI with hot reload
heroboard dev reloads on every change. check and build catch schema mistakes before your client does.
A Shopify conversion guide
Maps a Shopify theme’s sections and settings to HeroBoard. Hand it to your agent and let it do the porting.
Two-way GitHub sync
Editor saves commit to your branch, and pushes to the branch load into HeroBoard.

Everything a content site needs, already there.

No plugin hunt, and nothing extra to pay for.

Free on your Cloudflare. Or let us host it.

Self-hosting is free, forever. Cloud is in early access, at these prices when it launches.

Free

Self-hosted
$0forever, on your Cloudflare

Your website runs on your own Cloudflare account, within its free allowances.

  • The full editor, previews, requests and comments
  • AI agents and the theme toolkit
  • Your own domain, analytics and form email
  • Hosting on Cloudflare’s free allowances
Get early access

Cloud

Early access
$15$150 per site, per month, at launchper site, per year, at launch

We host it for you. No Cloudflare account to set up.

  • Everything in Free
  • Hosted by us, with no Cloudflare setup
  • Your own domain
  • 10 GB of files per site
Get early access

Agency

Early access
$99$990 per month, at launchper year, at launch

Cloud for your client list, on one bill.

  • Everything in Cloud
  • Up to 10 Cloud sites
  • 10 GB of files per site
Get early access

Try Cloud with one free site.

Every account gets one free Cloud site on a free HeroBoard address, with a small “Built with HeroBoard” badge and 1 GB of files. Upgrade to add your own domain and remove the badge.

Built with HeroBoard

Why is it free?

Because your website runs on your own Cloudflare account, and HeroBoard charges nothing for that. Most small sites fit within Cloudflare’s free allowances. They do have limits: a very busy site or a large media library can go past them, and Cloudflare bills anything over to you, not us.

Questions, answered plainly.

Can I build the whole site with AI?

Yes. Your agent reads HeroBoard’s theme guide, builds the theme with the toolkit, checks it and pushes it to GitHub. You review the draft and publish, or let the agent publish if you allow it.

Do my clients need to know anything about AI or code?

No. They use the visual editor, much like Shopify’s, and answer requests and comments on the preview link. The agent and the code stay on your side.

Do I need to code?

Not if your AI agent writes the theme: it works from HeroBoard’s theme guide and toolkit. You can also write it yourself in TypeScript or React. Your clients never code: they edit in the visual editor, much like Shopify’s.

Which AI agents work with it?

Claude and ChatGPT connect through HeroBoard’s MCP connector with a sign-in. Claude Code, Codex, Cursor, Gemini CLI and other apps that add MCP servers use a website key. Each connection says whether the agent may publish.

Is HeroBoard really free?

Self-hosting is. HeroBoard charges nothing, and your website runs on your own Cloudflare account’s free allowances. Those allowances have limits, so a very busy site or a large media library can go past them, and Cloudflare bills anything over. We never promise unlimited hosting.

Can I sign up today?

Not on your own yet. We’re bringing people on from the early access list, for self-hosting and for Cloud. Leave your details and we’ll be in touch.

What’s the difference between Free and Cloud?

The editor and features are the same. With Free, your website publishes to your own Cloudflare account, which you connect once. With Cloud, we host it and there’s no Cloudflare account to set up. Cloud opens after early access.

Can I bring a Shopify theme?

Not as a file to upload, because HeroBoard doesn’t run Liquid. The theme guide maps Shopify sections, blocks and settings to HeroBoard, so you or your agent can port a design and keep the editing experience.

Where does my content live?

Drafts, pages, posts and original uploads are kept in HeroBoard. The published website, its media and its analytics live in your Cloudflare account.

Can my client break the design?

They can change what your theme offers as settings, and nothing else. You decide which words, colors and layouts are editable.

Get early access.

Free or Cloud, one website or fifty. Tell us a little, and we’ll be in touch when there’s room for you.

Early accessYour settings
Plan
What do you build with? Optional

We use this only to contact you about HeroBoard.

Thanks, you’re on the list. We’ll be in touch.

That didn’t go through.