MCP Webcomic Site Server

What it does

MCP Webcomic Site Server is a full-stack template for publishing webcomic archives that are accessible to both human readers and AI agents. It renders an interactive comic reader as an MCP App UI, allowing AI clients to browse storylines, view individual pages with the built-in reader, and search transcripts — all through natural conversation.

The project ships three surfaces: a static 11ty-powered website for human readers, an MCP server (HTTP and stdio) exposing tools for AI agents, and WebMCP browser tools for web-based agents. A manifest-driven architecture keeps all comic data structured and searchable.

Key features

• Interactive comic reader — MCP App UI renders pages with navigation, built on Vite and the MCP Apps extension SDK
• Full-text search — Search across transcripts, commentary, and character dialogue via Pagefind
• 7 MCP tools — list_comics, list_storylines, get_page, search_comics, get_transcript, list_characters, search_by_character
• WebMCP support — Browser-based agents can navigate pages and search comics via navigator.modelContext
• Manifest-driven — All comic data lives in structured JSON files (manifest.json, characters.json)
• Dual transport — HTTP (Netlify Functions) for remote use, stdio for local Claude Desktop development
• Static site generator — 11ty builds SEO-friendly HTML pages with Pagefind search index

Installation

Claude.ai (HTTP)

Deploy to Netlify, then add the MCP server URL in Claude.ai Settings → Integrations:

https://your-site.netlify.app/mcp

Claude Desktop (stdio, local)

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "webcomic-server": {
      "command": "npx",
      "args": ["tsx", "/path/to/mcp-webcomic-site-server/mcp-server-stdio/src/index.ts"]
    }
  }
}

Self-hosted

git clone https://github.com/nearestnabors/mcp-webcomic-site-server
cd mcp-webcomic-site-server
npm install
npm run build:all
npm run serve

Supported hosts

• Claude.ai (via HTTP transport)
• Claude Desktop (via stdio transport)
• Browser agents (via WebMCP)