VS Code MCP listing
Feedback DevTools for VS Code
Visual feedback → source-mapped file:line
Feedback DevTools turns stakeholder clicks on any UI into agent-ready context. list_open_feedback returns each item with React component, exact source file:line, console errors, failed network calls, rrweb replaySummary, and cited Playwright flows. Install the hosted MCP in Cursor, Claude Desktop / Claude Code, or VS Code / Copilot — then get_feedback_context, list_clusters, create_github_issue / create_tracker_issue, and mark_feedback_resolved without leaving the IDE. Hosted MCP at https://server-production-14a9.up.railway.app/mcp. Auth: dashboard Bearer session + project X-SDK-Token (not open). Pricing: Free $0 / Pro $9 per project per month.
What the MCP returns
Shipped in PR #30: every open item includes source-mapped component, file (path:line:col), console, and network. PR #53 adds replaySummary / replayUrl and cited playwrightFlows on get_feedback_context. #60/#57/#59 add clusters + GitHub/Linear issue tools (Usero foil). Hosted MCP only — no npm publish.
| Tool | Returns |
|---|---|
| list_open_feedback | JSON array of open items with component, file (path:line:col), console, and network summaries. |
| get_feedback_context | One item with source-mapped fields, replaySummary/replayUrl, playwrightFlows cites, plus a ready-to-run Claude Code prompt. |
| mark_feedback_resolved | Mark an item resolved; optionally record the PR URL. |
| list_clusters | Theme clusters with severity and verbatim sampleQuotes (Usero cluster foil, #60). |
| get_cluster | One cluster with member feedback ids, severity, and quotes. |
| create_github_issue | Open a GitHub issue whose body cites component + file:line + console/network (#57). |
| create_tracker_issue | Same source-mapped body for Linear / tracker parity (#59). |
Sample source-mapped payload
Same shape list_open_feedback and get_feedback_context return after #30 / #53 (replay + Playwright cites on context).
{
"id": "fb_demo_1",
"status": "new",
"changeType": "fix_bug",
"priority": "high",
"summary": "Make the primary button blue",
"expectedBehavior": "Button uses the brand primary blue token",
"component": "Button",
"file": "src/Button.tsx:12:3",
"console": {
"errorCount": 1,
"warnCount": 0,
"errors": [
{
"level": "error",
"message": "undefined is not a function",
"stack": "TypeError: undefined is not a function\n at Button (src/Button.tsx:12:3)"
}
]
},
"network": {
"failedCount": 1,
"failed": [
{
"method": "GET",
"url": "/api/theme",
"status": 500,
"statusText": "Internal Server Error"
}
]
},
"pageContext": {
"url": "https://app.example.com/home",
"title": "Home"
},
"replayUrl": "https://blob.example.com/replays/demo/fb_demo_1.json",
"replaySummary": {
"durationMs": 45000,
"clicks": 3,
"routes": [
"https://app.example.com/home"
],
"inputInteractions": 1,
"mutations": 7
},
"playwrightFlows": [
{
"id": "fl_home",
"name": "Home smoke",
"actionCount": 4,
"pageUrl": "https://app.example.com/home",
"match": "page_path",
"specCite": "import { test } from '@playwright/test';\ntest('home', async ({ page }) => { await page.goto('/home'); });"
}
]
}Install in VS Code
Option A — hosted HTTP MCP (Copilot agent mode)
One-click opens VS Code via vscode.dev/redirect and installs the hosted MCP at https://server-production-14a9.up.railway.app/mcp. Add the Authorization and X-SDK-Token headers yourself in MCP settings — same caveat as Cursor one-click. Requires VS Code 1.101+ with GitHub Copilot Chat / agent mode.
Workspace .vscode/mcp.json (note servers, not mcpServers):
{
"servers": {
"feedback-devtools": {
"type": "http",
"url": "https://server-production-14a9.up.railway.app/mcp",
"headers": {
"Authorization": "Bearer YOUR_fdt_session_COOKIE",
"X-SDK-Token": "fk_sdk_YOUR_PROJECT_TOKEN"
}
}
}
}Option B — local stdio (npx)
Only when the npm package is published. Hosted HTTP above is the supported path — this PR does not publish @feedback/mcp-server.
{
"servers": {
"feedback-devtools": {
"command": "npx",
"args": [
"-y",
"@feedback/mcp-server"
],
"env": {
"FEEDBACK_API_URL": "https://server-production-14a9.up.railway.app/api/v1",
"FEEDBACK_SDK_TOKEN": "fk_sdk_YOUR_PROJECT_TOKEN",
"FEEDBACK_AUTH_TOKEN": "YOUR_fdt_session_COOKIE"
}
}
}
}Discovery: /.well-known/mcp.json.
Copy fdt_session from the dashboard cookie after login, and the project SDK token from project settings. The endpoint is not open.
Pro — $9/mo per project
Hosted MCP is on every plan (Free $0 / Pro $9 per project per month). AI sentiment classification, intent and urgency scoring, classification stats dashboard, priority triage. Per project per month. Upgrade when you want AI triage on the same source-mapped items the MCP returns.
Upgrade to ProSecure checkout by Polar. Cancel anytime.
Example prompts
Three prompts for directory submission — each exercises a different tool.
- list_open_feedback
“List open Feedback DevTools items and show each component + file:line.”
- get_feedback_context
“Pull get_feedback_context for the highest-priority open item and open the mapped file:line.”
- mark_feedback_resolved
“After you open the PR, call mark_feedback_resolved with that feedback id and the PR URL.”
- list_clusters
“List feedback clusters and show severity + one verbatim sample quote each.”
- create_github_issue
“Create a GitHub issue from the highest-priority open item with the source-mapped body.”
Directory submission kit
- Name
- Feedback DevTools
- Tagline
- Visual feedback → source-mapped file:line
- Documentation URL
- https://feedback-devtools.com/for/vscode
- MCP URL
- https://server-production-14a9.up.railway.app/mcp
- Pricing
- Free $0 / Pro $9 per project per month
- Privacy
- /docs
Also see Cursor listing · Claude listing · file:line demo · pricing · docs