WTFM — Claude Code MCP server: what it does, how to install
Drafts end-user documentation from your repository and renders UI screenshots without launching the target application.
claude mcp add wtfm -- npx -y @supportpages.io/wtfmWhat WTFM does
WTFM inspects repository files, extracting button labels, route paths, and user flows directly from source code. It then guides the coding agent to assemble plain-language walk-throughs for non-technical users. Every generated guide arrives as a clean index.md file alongside local PNG captures.
Visual assets do not require a live development server. Instead, an internal headless Chromium instance builds mockups directly from your template files and CSS stylesheets. The tool inspects markdown structure, text phrasing, and rendered images before writing files to disk.
Setup depends on Chromium, which the utility fetches during the initial configuration step. Native execution is limited to macOS and Linux systems; Windows environments require WSL.
What it helps with
- generate illustrated end-user guides straight from template files
- capture UI screenshots without running a local web server
- produce troubleshooting articles for common user account issues
- export self-contained Markdown documentation alongside image assets
Example prompts for the agent
- Write an illustrated walkthrough explaining how to invite a team member.
- Prepare a troubleshooting guide for an expired sign-in link.
- List all existing help guides created for this repository.
How to install WTFM
Platform CLI
claude mcp add wtfm -- npx -y @supportpages.io/wtfmPlatform CLI
codex mcp add wtfm -- npx -y @supportpages.io/wtfmConfig file
{
"mcpServers": {
"wtfm": {
"command": "npx",
"args": [
"-y",
"@supportpages.io/wtfm"
]
}
}
}Config file
{
"servers": {
"wtfm": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@supportpages.io/wtfm"
]
}
}
}Platform CLI
gemini mcp add wtfm npx -y @supportpages.io/wtfmStep 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 WTFM
How to install WTFM in Claude Code?
Run claude mcp add wtfm -- npx -y @supportpages.io/wtfm in your terminal. Next, configure the environment by running wtfm setup followed by wtfm init.
What does WTFM do?
It directs your coding agent to draft customer-facing help guides rather than code references. Flows, actions, and button names reflect what is defined across source templates.
Does WTFM require running the application to capture screens?
No live application runtime is needed. The tool parses styles and page templates, rendering mockups in a local headless Chromium browser.
