Introduction
Typeroll is an AI-native site builder. You describe what you want — in plain language, to Claude — and Claude creates, edits and deploys your site using a set of purpose-built tools.
Under the hood, Typeroll is:
- A portal (Astro SSR + React) where sites and their content live.
- A static site generator (Astro SSG) that builds one fast, secure HTML site per customer.
- An MCP server that exposes the portal’s capabilities as tools Claude can call.
The mental model
Section titled “The mental model”Content lives in the portal (pages, settings, partials, collections, forms). When you deploy, the portal builds a fresh static site and pushes it to Cloudflare Pages. The MCP server is the bridge between Claude and the portal.
You ──chat──▶ Claude ──tools──▶ MCP server ──API──▶ Portal ──build──▶ Cloudflare PagesWhat Claude can do
Section titled “What Claude can do”| Category | Example prompts |
|---|---|
| Sites | ”Create a site for Acme Design Studio with a Nordic minimal look” |
| Pages | ”Add a Services page with our three main offerings” |
| Navigation | ”Update the header to add a link to the blog” |
| Blogs | ”Set up a blog with three seed articles” |
| Forms | ”Add a contact form that emails [email protected]” |
| SEO | ”Fix the meta descriptions across all pages” |
| Import | ”Import the content from squarespace-export.html” |
| Migration | ”Migrate my WordPress site at acme.se” |
| Deploy | ”Deploy the site and give me the URL” |
Prerequisites
Section titled “Prerequisites”- Claude Code (the CLI) — install instructions
- Node.js 20+
- A Typeroll account — app.typeroll.com
Next steps
Section titled “Next steps”- Install the MCP server — one command, one config change.
- Build your first site — a complete walkthrough.