For Cloudflare AEs · OpenCode + Claude + Pages

Type one sentence. Ship a per-prospect demo site in five minutes.

Tell OpenCode a domain. It runs DNS recon, extracts brand colors, builds a prospect-specific developer-platform page, and deploys it to a public Cloudflare Pages URL. Same workflow used to ship kirkland-on-cloudflare.pages.dev, amperity-on-cloudflare.pages.dev, and a dozen others.

~20 min
One-time setup
~5 min
Per demo site
$1–3
Per site in Claude tokens
3
Files to download

The three files

Download all three, or click Preview to read inline. Right-click + Save As if your browser auto-opens any of them.

README.md
Setup walkthrough — install OpenCode, get a Claude API key, install Bun + Wrangler, create a Cloudflare API token, drop the AGENTS.md in place. Step-by-step with copy-pasteable commands.
7.2 KB · Markdown · Read first
Preview Download
AGENTS.md
The recipe OpenCode reads on startup. Tells the agent exactly how to do recon, extract brand colors, build a demo site, and deploy. Drop this at ~/.config/opencode/AGENTS.md.
7.3 KB · Markdown · The recipe
Preview Download
demo-site-template.html
Reference HTML structure with {{PLACEHOLDERS}} showing every section the agent should generate — hero, signal strip, customer logos, split banner, primitives grid, CTA, footer.
17.7 KB · HTML · Reference only
Open Download

Quickstart

The README has the full walkthrough — here's the 30-second version.

1
Install OpenCode. curl -fsSL https://opencode.ai/install | bash
2
Get a Claude API key from console.anthropic.com. OpenCode prompts for it on first launch.
3
Install Bun + Wrangler for Cloudflare Pages deployment. curl -fsSL https://bun.sh/install | bash && ~/.bun/bin/bun install -g wrangler
4
Add Cloudflare credentials to ~/.zshrc. Get the token at dash.cloudflare.com/profile/api-tokens. export CLOUDFLARE_API_TOKEN="..." && export CLOUDFLARE_ACCOUNT_ID="..."
5
Drop AGENTS.md in place. mkdir -p ~/.config/opencode && mv AGENTS.md ~/.config/opencode/
6
Launch and use. Type opencode, then say "build a developer platform website for https://prospect.com". 

Loading...