Feedback DevTools

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.

ToolReturns
list_open_feedbackJSON array of open items with component, file (path:line:col), console, and network summaries.
get_feedback_contextOne item with source-mapped fields, replaySummary/replayUrl, playwrightFlows cites, plus a ready-to-run Claude Code prompt.
mark_feedback_resolvedMark an item resolved; optionally record the PR URL.
list_clustersTheme clusters with severity and verbatim sampleQuotes (Usero cluster foil, #60).
get_clusterOne cluster with member feedback ids, severity, and quotes.
create_github_issueOpen a GitHub issue whose body cites component + file:line + console/network (#57).
create_tracker_issueSame 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.

Add to VS Code

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 Pro

Secure checkout by Polar. Cancel anytime.

Example prompts

Three prompts for directory submission — each exercises a different tool.

  1. list_open_feedback

    List open Feedback DevTools items and show each component + file:line.

  2. get_feedback_context

    Pull get_feedback_context for the highest-priority open item and open the mapped file:line.

  3. mark_feedback_resolved

    After you open the PR, call mark_feedback_resolved with that feedback id and the PR URL.

  4. list_clusters

    List feedback clusters and show severity + one verbatim sample quote each.

  5. 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
Open VS Code MCP submit form

Also see Cursor listing · Claude listing · file:line demo · pricing · docs