pracht dev-mcp — Claude Code MCP server: what it does, how to install
Connects coding agents to the Pracht app graph via @pracht/cli. Helps inspect routing, scaffold endpoints, evaluate bundle budgets, and test WebMCP tools.
claude mcp add pracht -- npx -y @pracht/cliWhat pracht dev-mcp does
This MCP server exposes the Pracht framework CLI directly to development agents. It lets the model read the app graph, generate API handlers, route modules, shells, and middleware. When the project includes a Playwright setup, newly created routes receive smoke test files automatically.
Verification tasks run through pracht verify. The utility catches manifest drift, checks constraints, and monitors client bundle gzip limits without a full build step. The pracht plan command creates a semantic diff of routes and endpoints against a base Git ref.
WebMCP route verification requires a local Chrome 150+ installation. Pracht never installs unpinned browsers on its own, so CI pipelines require an explicit path passed via --browser.
What it helps with
- scaffold Pracht routes, shells, and API endpoints with manifest updates
- validate app graph constraints and bundle budgets without full builds
- generate semantic route diffs against git branches for pull requests
- verify WebMCP browser tools and cleanup against the app graph
Example prompts for the agent
- Inspect the resolved app graph and list active routes
- Generate a new SSR route for /dashboard using the app shell
- Compare the current route graph against main and show the diff
How to install pracht dev-mcp
Platform CLI
claude mcp add pracht -- npx -y @pracht/cliPlatform CLI
codex mcp add cli -- npx -y @pracht/cliConfig file
{
"mcpServers": {
"cli": {
"command": "npx",
"args": [
"-y",
"@pracht/cli"
]
}
}
}Config file
{
"servers": {
"cli": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@pracht/cli"
]
}
}
}Platform CLI
gemini mcp add cli npx -y @pracht/cliStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about pracht dev-mcp
How to install pracht dev-mcp in Claude Code?
Run claude mcp add pracht -- npx -y @pracht/cli in your terminal.
What does pracht dev-mcp do?
It gives AI assistants tools to inspect Pracht app structure, scaffold modules, check client bundle budgets, and run semantic route diffs.
What are the requirements for WebMCP verification?
You need an installed Chrome build at version 150 or newer. For automated environments, point to the binary using the --browser flag.
