Home /Claude Skills /flowlens-mcp-server

强烈推荐

Flowlens Mcp Server

从此告别繁琐的bug复现过程

让AI看见你的浏览器

核心原理：
FlowLens MCP让你的人工智能编程助手（如Claude Code、Cursor、Copilot、Codex）拥有完整的浏览器上下文，实现深度调试和回归测试。用Chrome扩展记录浏览器操作（用户行为、网络请求、控制台日志等），直接分享给编程AI分析问题，省去复现bug的时间。

关键功能 (KEY FEATURES)

01全流程录制

一键记录你在浏览器中的所有操作痕迹

02精准调试

AI直接分析真实用户操作数据，不再猜测问题

03测试自动化

自动生成Playwright测试脚本，告别手动编写

04团队协作

共享录制的操作流程，团队共同调试

github.com/magentic/flowlens-mcp-server

testing-security·magentic·2026-01-14·⭐ 103·🔱 5

精选导航站 agent-skills.cc

安装方式

HTTPS

git clone https://github.com/magentic/flowlens-mcp-server.git

SSH

git clone [email protected]:magentic/flowlens-mcp-server.git

GitHub CLI

gh repo clone magentic/flowlens-mcp-server

常见问答

Q: Flowlens Mcp Server Agent Skills 的安装步骤是什么？

1.安装扩展: 添加FlowLens Chrome扩展

2.录制操作: 在浏览器中进行需要调试的操作

3.分享AI: 将录制数据发送给AI编程助手

4.获得方案: AI基于完整上下文给出诊断和建议

Q: Flowlens Mcp Server Agent Skills 的亮点是什么？

零配置使用
支持所有主流AI编程助手
完整浏览器上下文
一键生成测试脚本

Q: Flowlens Mcp Server Agent Skills 的使用场景是什么？

前端bug报告
回归测试
用户体验分析
自动化测试生成

Q: Flowlens Mcp Server Agent Skills 的局限性是什么？

目前仅支持Chrome
需要额外安装扩展

相关 Claude Code Skills

openclaw/openclaw

openclaw

OpenClaw 是一个强大的多模态 AI 助手框架，支持文本、语音、图像等多种交互方式。提供 Canvas 可视化协作界面、MCP 服务器集成、多平台部署能力，让用户能够构建个性化的 AI 助手应用。

f/awesome-chatgpt-prompts

f

这是一个超全的AI提示词库，汇集了各种场景下的ChatGPT、Claude等AI助手的优质提示词模板。无论你是新手还是专家，都能在这里找到灵感，让你的AI对话效率翻倍。

14万人验证过的提示词库，哈佛教授都在用，让你3秒变成AI对话专家

x1xhlol/system-prompts-and-models-of-ai-tools

x1xhlol

这是一个AI开发者必备的宝库，收录了30+主流AI工具的系统提示词和内部模型文档。相当于给你一本AI工具的'后厨食谱'，让你看透各大平台的运作机制。

30万行真实系统提示词，让你站在AI工具设计者的肩膀上开发

anthropics/claude-code

anthropics

Claude Code 是 Anthropic 官方的终端 CLI 工具，就像一个懂你代码的智能助手。它能帮你理解复杂代码、执行日常任务、处理 Git 工作流，一切只需用自然语言告诉它。

大幅提升开发效率，复杂的Git操作一句话搞定

anthropics/skills

anthropics

Claude技能库就像给AI装了个万能工具箱，无论是设计创意、文档处理还是技术开发，都能找到现成的解决方案。让你告别重复劳动，AI瞬间变身你的专属效率助手。

官方技能库质量有保障，开箱即用解决90%专业需求

obra/superpowers

obra

Superpowers 是你代码开发的超级助手。它能像资深工程师一样思考，把你的模糊想法变成清晰计划，分解任务并监督执行。不再是机械写代码，而是帮你设计、规划和把关整个开发流程。

不仅写代码，更懂如何组织开发流程，就像免费雇了个技术主管