AI-generated help docs for your web app in minutes, not weeks. KodaDocs is a Claude Code MCP server that reads your codebase, captures screenshots with a headless browser, annotates UI elements, writes documentation articles, and assembles a complete VitePress help center. Supports Next.js, Django, React, SvelteKit, WordPress, and 15+ frameworks.
Overview
What is KodaDocs?
KodaDocs is an open-source MCP server for Claude Code that generates complete help documentation for any web application. Tell Claude "Generate docs for my app" and get a polished help center with annotated screenshots and AI-written articles.
MCP Tools
| Tool | Description |
|---|---|
detect_framework | Auto-detect web framework from project files |
discover_routes | Static analysis of routes, services, and metadata |
analyze_codebase | Tree-sitter parsing for code chunks, error patterns, data models |
capture_screenshots | Headless browser capture with auth support and PII blur |
annotate_screenshots | Numbered callouts on UI elements |
assemble_vitepress | Build complete VitePress site from articles + screenshots |
deploy_site | Deploy to Cloudflare, Vercel, Netlify, or GitHub Pages |
save_manifest / load_manifest | Persist and load pipeline state |
How It Works
- Discovery — Detects framework, discovers routes from source code
- Capture — Launches headless browser, authenticates, captures screenshots
- Annotation — Draws numbered callouts on UI elements
- Doc Writing — Claude writes all articles (Getting Started, Feature Guides, FAQ, Troubleshooting)
- Assembly — Assembles VitePress site with branding, search, and mobile layout
- Deploy — Deploys to your hosting provider of choice
Supported Frameworks
Next.js, Nuxt, React, Vue, Angular, SvelteKit, Remix, Astro, Django, Flask, FastAPI, Rails, Laravel, Express, Hono, WordPress, and more.
Quick Start
Install and add to Claude Code:
pip install kodadocs
playwright install chromium
Then tell Claude: "Generate help docs for my app"
Links
- https://kodadocs.com
- https://kodadocs-help.kodadocs.com/
- https://pypi.org/project/kodadocs/
Server Config
{
"mcpServers": {
"kodadocs": {
"command": "uvx",
"args": [
"kodadocs",
"mcp"
]
}
}
}