New internal tool

Publish ideas as
interactive microsites

ooh is a lightweight platform for turning AI-generated single-page apps into shareable, collaborative team briefs — live at a named URL in seconds, with a built-in overlay for comments and feedback.

1
Deployment
Microsites
0
Manual steps
The problem

Ideas lose fidelity in transit

When you want to communicate a product idea, a tool concept, or a business model to your team, you have a few bad options: a wall-of-text Notion doc, a PDF no one reads, or a Figma mockup that needs a 30-minute walkthrough. None of them are interactive, none of them are iterable, and none of them make it easy to gather structured feedback.

The best way to communicate an idea is to show it working. AI can now build that in minutes. The missing piece is a place to put it.

The idea

ooh in one sentence

Chat with Claude to flesh out an idea → ask it to build a microsite → it publishes directly to a live URL — with a Google Docs-style overlay on top for your team to highlight, comment and suggest changes.

💬

Conversation

Develop the idea in a back-and-forth with Claude until it’s ready to share.

Build

Claude generates a polished single-page app — any design, any framework.

🚀

Publish

One MCP call. Files go to R2, slug goes live. No deploy pipeline, no config.

📝

Collaborate

Team annotates inline — highlights, comments, suggestions — on the live page.

🔄

Iterate

Rebuild with feedback, republish as v2. Old versions preserved, annotations intact.

📜

Version history

Every publish is immutable. Rollback is instant — just a pointer swap in KV.

Use cases

What gets published on ooh

Anything that communicates better as an interactive page than a static document.

💡

Product concept briefs

Interactive explainer of a new tool, feature, or product direction — with live examples embedded.

📊

Pricing & quoting tools

Working calculators that let the team stress-test assumptions in real time.

🗂️

Architecture decisions

Visual system diagrams with interactive layers — far clearer than Miro or a slide.

🧠

Strategy one-pagers

GTM plans, competitive analysis, investment rationale — scannable and interactive.

🎨

Design explorations

Working UI concepts to pressure-test before committing to a full build in Figma.

📊

Data stories

Interactive charts and dashboards that make a point, not just display numbers.

This page is an ooh microsite

It was built by Claude in a single conversation and published via the ooh_publish_inline MCP tool — no local filesystem, no deploy step, no manual upload.

How it works

Idea to live URL in 6 steps

1

Conversation with Claude

Flesh out the idea in claude.ai. Iterate until it’s ready to communicate to the team.

Claude.ai
2

“Build this as a microsite”

Claude generates a polished single-page app from the conversation context.

Claude
3

Claude calls ooh_publish_inline

MCP tool sends file contents to the ooh API. Uploaded to R2, version created in D1.

MCP
4

Live at a named URL

ooh.athick.com.au/[slug] — overlay active, ready to share.

Cloudflare
5

Team reviews inline

Highlights, comments, and suggestions directly on the live page — no screenshots, no separate doc.

Overlay
6

Rebuild → republish → v2

Incorporate feedback, publish a new version. Every version is preserved. Rollback is instant.

Iterate
Architecture

Single Cloudflare deployment

Everything runs in one Cloudflare Worker. No Pages, no separate services. All microsites handled within the same deployment.

Workers Routing, serving, overlay injection
🪣
R2 Versioned asset storage
🗄️
D1 Metadata + annotations
🔑
KV Fast slug → version lookup
# URL structure ooh.athick.com.au/[slug] → microsite + overlay ooh.athick.com.au/api/* → publish / version API ooh.athick.com.au/__ooh/* → overlay UI assets # R2 layout [slug]/v1/index.html [slug]/v2/index.html ← current
Build sequence

Four phases

Shipped in order. Each phase is independently useful — Phase 1 alone is enough to start publishing.

1

Core Platform

  • Worker routing + R2 serving
  • D1 + KV schema
  • Publish API + auth token
  • Overlay script injection
2

CLI + MCP

  • ooh CLI (~200 lines)
  • MCP server + inline publish
  • List, versions, rollback
  • Claude Code skill file
3

Overlay Collab

  • Highlight + comment UI
  • D1 annotation storage
  • Sidebar review panel
  • Threads + resolve
4

SaaS Builder

  • ooh web UI
  • Claude API embedded
  • Build in browser
  • Direct R2 writes
Open questions

Things to decide before building

?

Auth model for the overlay

Token-based for CLI/API is obvious. Does the overlay need auth? Are comments attributed to named people, or just “the team”?

?

Annotation migration across versions

Per-version is clean, but context is lost on republish. Recommend: per-version, with archived annotations visible in sidebar.

?

Domain strategy

ooh.athick.com.au works for internal use. If this becomes a product, establish a separate identity early — not after.

?

Where to start?

Worker + R2 platform first (Phase 1), or CLI/MCP tooling first? Phase 1 is the foundation everything else depends on.

💡 Recommended first step

Build the Cloudflare Worker with R2 asset serving and the publish API. That unlocks everything — CLI, MCP, overlay, and the SaaS builder all sit on top of it.