A TypeScript MCP server that gives text-only LLMs image understanding through StepFun vision models.
A TypeScript MCP server that gives text-only LLMs image understanding through StepFun vision models. That is what the llm mcp server brings to an AI assistant: the same capability, reachable through the Model Context Protocol rather than a separate app or dashboard.
Installation goes through your MCP client rather than a global install: point it at After on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
The server publishes 7 tools. What each one is for:
analyze_image — general image understandingextract_text_from_image — OCR for screenshots, logs, documents, code, and UI textdiagnose_error_screenshot — error screenshot and stack trace diagnosisunderstand_technical_diagram — architecture, flowchart, UML, ER, sequence, and network diagramsanalyze_data_visualization — charts, tables, dashboards, and metrics screenshotsui_to_artifact — UI screenshot to implementation notes or design specsui_diff_check — expected vs actual UI screenshot comparisonConfiguration is passed through the environment: STEPFUN_API_KEY, STEPFUN_API_MODE, STEPFUN_DEFAULT_DETAIL, STEPFUN_BASE_URL. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.
Plenty of browser automation servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Llm's toolset — analyze_image, extract_text_from_image, diagnose_error_screenshot and 4 more — is a fair guide to whether it matches your workflow. It is maintained by rowan719; worth a glance at recent repository activity before you build anything load-bearing on it.
SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.
| Tool | What it does |
|---|---|
| analyze_image | general image understanding |
| extract_text_from_image | OCR for screenshots, logs, documents, code, and UI text |
| diagnose_error_screenshot | error screenshot and stack trace diagnosis |
| understand_technical_diagram | architecture, flowchart, UML, ER, sequence, and network diagrams |
| analyze_data_visualization | charts, tables, dashboards, and metrics screenshots |
| ui_to_artifact | UI screenshot to implementation notes or design specs |
| ui_diff_check | expected vs actual UI screenshot comparison |
npm package example after publishing:
```json
{
"mcpServers": {
"llm-vision-mcp": {
"command": "npx",
"args": ["-y", "llm-vision-mcp"],
"env": {
"STEPFUN_API_KEY": "your_stepfun_api_key",
"STEPFUN_API_MODE": "step_plan",
"STEPFUN_DEFAULT_DETAIL": "high"
}
}
}
}Configuration as documented by the project. Restart the client after saving.
| Variable | Description | Required |
|---|---|---|
| STEPFUN_API_KEY | Credential the server authenticates with. | Yes |
| STEPFUN_API_MODE | Configuration value read at startup. | Optional |
| STEPFUN_DEFAULT_DETAIL | Configuration value read at startup. | Optional |
| STEPFUN_BASE_URL | Endpoint or connection string the server talks to. | Yes |
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
Industrial-strength web extraction — render, scrape, crawl and search entire sites into clean markdown.
The original Chromium automation reference server — simple, screenshot-driven browser control.
Give your coding agent the full DevTools toolbox: traces, network, console, heap snapshots and Lighthouse.
Puppeteer-powered browser control that drives pages from the accessibility tree instead of pixels.
Cloud browsers for AI agents — automation sessions that run in Browserbase's fleet, not on your machine.