# WTFM

Drafts end-user documentation from your repository and renders UI screenshots without launching the target application.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 84
- Author: SupportPages-io
- License: Apache-2.0 · policy=link-only · description only; the file stays with the author
- Source: https://github.com/SupportPages-io/wtfm
- Updated: 2026-10-23
- HTML: https://affpapa.org/en/nevibecode/mcp/wtfm

## What it 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.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add wtfm -- npx -y @supportpages.io/wtfm
```

### Codex

**Platform CLI**
```bash
codex mcp add wtfm -- npx -y @supportpages.io/wtfm
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "wtfm": {
            "command": "npx",
            "args": [
                "-y",
                "@supportpages.io/wtfm"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "wtfm": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@supportpages.io/wtfm"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add wtfm npx -y @supportpages.io/wtfm
```

## When to use it
- 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
- 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.

## Similar
- [Reactive Resume](https://affpapa.org/en/nevibecode/mcp/reactive-resume.md) — MCP server · ★ 44874
- [Sui Knowledge Base (kapa.ai)](https://affpapa.org/en/nevibecode/mcp/sui-knowledge-base-kapaai.md) — MCP server · ★ 7784
- [Claude Code Ultimate Guide](https://affpapa.org/en/nevibecode/mcp/claude-code-ultimate-guide.md) — MCP server · ★ 6237
- [Zotero MCP](https://affpapa.org/en/nevibecode/mcp/zotero-mcp.md) — MCP server · ★ 5548
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3450
- [Claude Code Explorer MCP](https://affpapa.org/en/nevibecode/mcp/codeaashu-claude-code-explorer-mcp.md) — MCP server · ★ 3409

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md