What exactly does Kodadocs generate?
It creates a full VitePress help site with articles like Getting Started, Feature Guides, FAQ, and Troubleshooting, all written by AI and accompanied by annotated screenshots.
Kodadocs MCP Server
@Kodadocs
Basic information
About Kodadocs MCP Server
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. Suppor
Kodadocs MCP Server config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"kodadocs": {
"command": "uvx",
"args": [
"kodadocs",
"mcp"
]
}
}
}Kodadocs MCP Server tools
9Detect the web framework of a project at the given path. Returns the framework name (e.g., 'Next.js', 'Django', 'React'). Uses heuristic detection from package.json, requirements.txt, etc.
Capture screenshots for discovered routes using Playwright. Launches headless Chromium, authenticates if auth is provided, navigates to each route, captures screenshots, and extracts DOM elements. Returns JSON with screenshots dict and dom_elements dict.
Annotate screenshots with numbered callouts using Pillow. Takes screenshot directory and dom_elements dict (route -> element list). Each element needs: role, name, bounds {x, y, width, height}. Creates annotated copies in screenshots_dir/annotated/. Returns JSON with route -> annotated image path.
Assemble a VitePress static site from generated articles and screenshots. Creates index page, article markdown files, VitePress config, theme with brand color, and package.json. Pass theme_name to use a built-in theme preset (default, professional, minimal, playful, dark-modern, docs-classic). Pro themes require a valid license_key.
Save pipeline state to .kodadocs/run_manifest.json.
Load existing pipeline state from .kodadocs/run_manifest.json.
Deploy the generated VitePress site to a hosting provider. Supported providers: cloudflare, vercel, netlify, github-pages, kodadocs. For kodadocs provider: deploys to <site_slug>.kodadocs.com. Requires license_key (or KODADOCS_LICENSE_KEY env var) and site_slug. Pass license_key for other providers to remove the KodaDocs badge.
Discover application routes, services, and metadata via static analysis. Returns JSON with discovered_routes, route_metadata, detected_services, ui_components, and deployment_platform. Supports Next.js, SvelteKit, Nuxt, React Router, and WordPress. Pass app_url to enable Playwright crawler fallback when static analysis finds few routes.
Analyze codebase structure using tree-sitter parsing. Extracts code chunks (functions, classes), error patterns, and data models (Prisma, Drizzle). No AI calls — fully deterministic. Returns JSON with code_chunks, error_patterns, data_models, and file counts.
Overview
What is Kodadocs?
Kodadocs is an open-source MCP server for Claude Code that automatically generates a complete help center for any web application. It produces polished documentation with AI-written articles and annotated screenshots.
How to use Kodadocs?
Install the package and Chromium browser, then ask Claude in Claude Code: “Generate help docs for my app.” The server handles the entire pipeline from discovery to deployment.
Key features of Kodadocs
- Auto-detects web framework from project files
- Discovers routes via static analysis
- Analyzes code for patterns and error handling
- Captures headless screenshots with auth and PII blur
- Annotates UI elements with numbered callouts
- Deploys to Cloudflare, Vercel, Netlify, or GitHub Pages
Use cases of Kodadocs
- Quickly generate a help center for a new web app
- Keep documentation in sync with a codebase as it evolves
- Automate screenshot capture and annotation for user guides
- Deploy a searchable VitePress documentation site to a hosting provider
Frequently asked questions
How do I install Kodadocs?
Run `pip install kodadocs` and then `playwright install chromium`. No other dependencies are needed.
Which frameworks are supported?
Next.js, Nuxt, React, Vue, Angular, SvelteKit, Remix, Astro, Django, Flask, FastAPI, Rails, Laravel, Express, Hono, WordPress, and more.
Can Kodadocs handle authenticated pages?
Yes—the headless browser capture tool includes support for authentication and also blurs personally identifiable information (PII).
Is Kodadocs open-source and free to use?
Yes, it is open-source. The MCP server itself is free; you only pay for Claude Code usage when generating docs.
More Memory & Knowledge MCP servers
Context7 MCP - Up-to-date Docs For Any Cursor Prompt
upstashContext7 Platform -- Up-to-date code documentation for LLMs and AI code editors
58.7K
Azquo
Azquo Holdings LtdExact, shared memory for AI agents: a hierarchical database where totals always add up, every write is attributed to the agent and person behind it, and any figure traces back to its source file. Agents create databases,
Sooveryn
PANDAPROGSooveryn gives Claude Code a team of AI personas that remembers your project. Soov, the partner and team lead, keeps your decisions and how you work in a lasting memory, and finds them again by words and by meaning, from
UmmahAPI
Yousuf KazmiIslamic source data for assistants: Quran, hadith, tafsir, duas, prayer times and qibla. Answers come from real sources with citations instead of recalled text, so verses and hadith are not hallucinated. 36,000+ hadiths
Snipara
alopez3006MCP connector for Snipara, the Project Brain for AI coding agents
1
Comments