htmlbook

htmlbook

Publishes AI-generated HTML and Markdown to a hosted, shareable URL with versioning, theming, and access control.

Category
Visit Server

README

htmlbook

Publish AI-generated HTML and Markdown to a hosted, shareable URL. htmlbook is an MCP server and REST API that takes a document your coding agent just generated โ€” an HTML report, a data dashboard, a spec, meeting notes, an interactive page โ€” and turns it into a clean link you can open on your phone or send to someone, instead of leaving it as a local .html file buried in a project folder.

Push from Claude Code, Cursor, Codex, or claude.ai. htmlbook stores the document, re-themes it for comfortable reading on any device (paper / sepia / dark), keeps every edit as a version, and gives each document one share link with three modes โ€” public (anyone, no login), password-protected (anyone with the password, no login), or a private secret link only you and your workspace can open.

Share the output as a link, not a file. When an agent makes HTML, the awkward part is everything after: getting it off your laptop, onto your phone, in front of someone else. htmlbook is the shelf that part lives on.

  • ๐ŸŒ Website: https://htmlbook.io
  • ๐Ÿ”Œ MCP endpoint: https://htmlbook.io/api/mcp
  • ๐Ÿ“ก REST publish: POST https://htmlbook.io/api/docs
  • ๐Ÿ’ฌ Community: Discord

Quickstart

1. Connect your agent

Get an API key at https://htmlbook.io โ†’ Settings, then add the MCP server.

Claude Code (browser login, no key needed):

claude mcp add --transport http htmlbook https://htmlbook.io/api/mcp
# then run `claude` and approve the htmlbook login

Claude Code (with an API key):

claude mcp add --transport http htmlbook https://htmlbook.io/api/mcp \
  --header "Authorization: Bearer $HTMLBOOK_API_KEY"

Cursor โ€” ~/.cursor/mcp.json:

{
  "mcpServers": {
    "htmlbook": {
      "url": "https://htmlbook.io/api/mcp",
      "headers": { "Authorization": "Bearer hb_live_REPLACE_WITH_YOUR_KEY" }
    }
  }
}

Codex CLI โ€” ~/.codex/config.toml:

[mcp_servers.htmlbook]
url = "https://htmlbook.io/api/mcp"
bearer_token_env_var = "HTMLBOOK_API_KEY"

claude.ai / Claude Desktop โ€” add a custom connector with URL https://htmlbook.io/api/mcp (OAuth โ€” no key to paste).

See docs/getting-started.md for every client.

2. Publish a document

Just ask your agent. With the MCP server connected, it calls the publish tool:

You: Write up the Q3 numbers as a dashboard and put it on htmlbook.

Agent: htmlbook โ†’ publish
       โœ“ shelved (hbdoc) ยท acme/q3-dashboard ยท v1 ยท read: https://htmlbook.io/app/p/acme/q3-dashboard

Prose (a report, a plan, notes) is easiest as Markdown โ€” htmlbook keeps the .md as the source of truth and renders a themed reader view from it:

{
  "tool": "publish",
  "project": "acme",
  "markdown": "# Q3 Review\n\nRevenue is up 8% QoQ...\n\n## Highlights\n- ..."
}

3. Share it

Documents are private by default. Make one public to get a link anyone can open:

Agent: htmlbook โ†’ set_access  (visibility: public)
       โœ“ acme/q3-dashboard is now public ยท https://htmlbook.io/d/a1b2c3

That's the whole loop: generate โ†’ publish โ†’ share.


What you can publish

Format When What htmlbook does
Markdown Prose: reports, plans, notes, specs Keeps the .md as the source of truth, renders a themed reader view (TOC, tables, callouts, task lists), stays downloadable + editable as Markdown
hb-doc HTML Rich docs: dashboards, KPIs, inline SVG charts A <article class="hb-doc"> fragment styled only with hb-* classes + --hb-* tokens โ€” the reader supplies the stylesheet and re-themes it (paper / sepia / dark, width, font size)
Bundle A self-contained page with its own CSS/JS Stored verbatim and rendered in a sandboxed iframe โ€” your scripts run, your styling is preserved. Can be multi-file (index.html + sub-pages + assets, โ‰ค10MB) for a small static site with working relative links

The format is auto-detected at publish. You never have to declare it โ€” push Markdown, push an hb-doc fragment, or push a full standalone HTML page and htmlbook routes it.

See docs/publishing.md and docs/hb-doc-contract.md.


Why htmlbook

  • Off your laptop. An agent's HTML output is stuck on the machine that made it. htmlbook gets it onto your phone and into a shareable link.
  • Readable everywhere. Because an hb-doc carries no CSS of its own, the reader themes it โ€” the same document looks right on a phone in the dark and a desktop in daylight.
  • Versioned. Every publish and every in-reader edit is a new immutable version. The History panel shows who changed what; any version restores.
  • Markdown stays Markdown. A Markdown push is not lossily converted to HTML โ€” the original .md is the source of truth and round-trips on download.
  • Private by default. Nothing is public until you flip it. Three share modes: public (anyone), password-protected (anyone with the password, no login โ€” changing it revokes prior access), or a secret link session-gated to your workspace.
  • Token-cheap. Push a large document as a file over the REST API so its bytes never pass back through your agent's context. See docs/rest-api.md.

The MCP tools

The htmlbook MCP server exposes 10 tools. Full reference: docs/mcp-tools.md.

Tool Purpose
publish Shelve a document (HTML or Markdown) to a hosted URL; new version if it exists
guide Get the authoring contract (hb-doc classes, tokens, components) before composing HTML by hand
list Browse your library, optionally filtered by project
get Fetch a document's metadata + current body (for markdown, the .md source)
search Full-text search across everything you've shelved (recall before re-deriving)
organize Set title / tags / path, move between projects, rename
set_access Make a document public, password-protected, or private
cite Get a shareable deep-link to a specific section (heading) of a document
restore Roll a document back to an earlier version
delete Move a document to the trash

Supported clients

Client Auth
Claude Code API key over MCP, or browser login; also REST
Cursor API key over MCP
Codex CLI API key over MCP; also REST
claude.ai OAuth (custom connector)
Claude Desktop OAuth (custom connector)
Any MCP client Streamable HTTP + Bearer key or OAuth 2.1

Documentation


Made by Streamize. Documentation is MIT-licensed; htmlbook itself is a hosted service at htmlbook.io.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured