feedbug-mcp
@feedbug/mcp
AI 助手能真正修复的可视化 bug 报告。
Feedbug 让您的测试人员通过点击元素来报告 bug。每个报告都会捕获截图、控制台日志、失败的网络请求、会话回放以及所点击元素的 HTML/DOM 上下文,然后自动在您的 Linear 项目或 GitHub 仓库中创建一个 issue。当关联了代码源时,该 issue 还会附带一个指向 bug 最可能来源文件的链接。
此 MCP 服务器将这些数据直接接入您的 AI 编码助手(Claude Code、Cursor、Windsurf、VS Code)。AI 助手读取 bug,获取精确的 CSS 选择器和组件路径,追踪到源文件,提出修复补丁,并将 bug 标记为已解决。
关于产品端的完整介绍:feedbug.app/mcp-bug-tracking。
指向 bug。发布修复。
快速开始
npx @feedbug/mcp init安装程序会询问您的客户端和项目密钥,然后为您写入配置。非交互模式:
npx @feedbug/mcp init --client claude pk_your_project_key支持的客户端:claude(Claude Code)、cursor、windsurf。从 feedbug.app 上的项目页面获取您的项目密钥(pk_...)。
重新启动客户端,工具即可生效。
Related MCP server: Skippr Extension MCP Server
手动配置
将此内容添加到您的客户端的 MCP 配置中(.mcp.json、.cursor/mcp.json、.windsurf/mcp.json 等):
{
"mcpServers": {
"feedbug": {
"command": "npx",
"args": ["-y", "@feedbug/mcp"],
"env": {
"FEEDBUG_API_URL": "https://api.feedbug.app",
"FEEDBUG_PROJECT_KEY": "pk_your_project_key"
}
}
}
}使用 Docker 运行
docker build -t feedbug-mcp .{
"mcpServers": {
"feedbug": {
"command": "docker",
"args": ["run", "-i", "--rm", "-e", "FEEDBUG_PROJECT_KEY", "feedbug-mcp"],
"env": {
"FEEDBUG_PROJECT_KEY": "pk_your_project_key"
}
}
}
}环境变量
变量 | 必填 | 默认值 | 描述 |
| 是 | 无 | 您的项目密钥( |
| 否 |
| 覆盖 API 基础 URL(自托管/暂存环境)。 |
工具
每个工具都接受反馈 UUID 或跟踪器标识符(例如 Linear 上的 PRE-13,GitHub 上的 owner/repo#42)。
工具 | 功能说明 |
| 列出已报告的 bug(按状态或页面 URL 过滤)。 |
| 完整详情:截图、视口、用户代理、HTML 上下文。 |
| 点击元素的 DOM 上下文:CSS 选择器路径、框架组件路径(Vue/React/Angular/Svelte)、属性、祖先元素、兄弟元素。这能让 AI 助手定位源文件。 |
| 浏览器诊断信息:页面 URL、视口、用户代理、报告人。 |
| 会话回放 URL(报告前最后 30 秒)。 |
| 在 bug 的 Linear issue 中添加评论。 |
| 将 bug 标记为已解决。 |
工作原理
当测试人员点击一个 bug 时,Feedbug 小部件会快照所点击元素周围的 DOM:CSS 选择器路径、可检测到的框架组件名称、元素的属性和文本,以及它的祖先元素和兄弟元素。该快照会随 Linear 工单一起传递。
通过此 MCP 服务器,您的 AI 助手能读取该上下文,并将 bug 映射到确切的文件和行号,而无需根据模糊的“仪表盘坏了”这样的描述进行猜测。
链接
产品:feedbug.app
API:
https://api.feedbug.app
许可证
MIT
Maintenance
Related MCP Servers
- AlicenseAqualityFmaintenanceUnleashes LLM-powered agents to autonomously execute and debug web apps directly in your code editor, with features like webapp navigation, network traffic capture, and console error collection.21,240Apache 2.0
- AlicenseAqualityCmaintenanceEnables AI coding agents to discover, understand, and fix product issues (UX inconsistencies, accessibility violations, quality problems) identified by Skippr's browser extension through natural language commands.1118MIT
- Alicense-qualityBmaintenanceEnables AI coding agents to capture screen and voice recordings, extract timestamped frames, and receive structured Markdown reports with context for bug fixing and UI feedback.2018MIT
- AlicenseAqualityBmaintenanceEnables blind AI coding models to debug visual bugs by capturing screenshots, analyzing them with a vision-capable model, and returning a written report.15MIT
Related MCP Connectors
Give AI coding agents access to your Vynix visual feedback, bug reports, and AI diagnosis.
Voice-powered bug reporting with 13 MCP tools. Record bugs by talking; let AI find and fix them.
Give your AI agent a persistent map of your project's structure, dependencies, and bugs.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/joffreyBerrier/feedbug-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server