开发者工具进行浏览器测试：用 Chrome DevTools MCP 在真实浏览器里验 UI
SkillHub 社区 Skill「开发者工具进行浏览器测试」（@user_e40a4360/bowser-testing-with-devtools，v1.0.0）指导 Agent 通过 Chrome DevTools MCP 在真实浏览器中检查 DOM、控制台、网络、性能与无障碍，并给出 UI/网络/性能调试流程与安全边界。本文介绍其定位、能力表、skillhub 安装命令（需 --dir 指向 Agent skills 目录）、MCP 配置示例及典型工作流，适用于前端与全栈在浏览器内的构建与排错。
阅读全文dsh-chrome-devtools：为 DeepSeek Harness Agent 提供真实 Chrome 浏览器驱动与调试能力
`dsh-chrome-devtools` 是 DeepSeek Harness 的浏览器插件，利用 Chrome DevTools MCP 将真实 Chrome 窗口作为 Agent 的环境，提供页面操作、截图、控制台读取、脚本执行及 Lighthouse 审计等能力。Agent 可通过自然语言控制浏览器进行测试。安装时需从 GitHub 获取并刷新页面，且一个 Harness 仅支持单一插件。该插件支持 Chromium，但在服务器、容器及 WSL 环境中存在权限限制，且会话关闭会重置浏览器状态。
阅读全文DSH ZCode Connector：通过 Chrome DevTools Protocol 驱动 ZCode 桌面应用作为模型通道
DSH ZCode Connector 是一款通过 Chrome DevTools Protocol (CDP) 驱动 ZCode 桌面应用 GUI 的插件，旨在解决账户绑定配额无法直接提取 API 密钥的问题。它提供本地 OpenAI 兼容端点，模拟真实用户操作让 ZCode 完成请求签名与认证，从而让 DeepSeek Harness (DSH) 等工具通过本地代理使用这些配额。插件具备状态监控面板及 MCP 服务器功能，支持查看配额、子代理运行情况等，设计上注重安全性（Token 仅本地读取）及会话模型（一次对话）。
阅读全文dsh-browser-ctrl：为 DeepSeek Harness 提供的本地浏览器控制能力
dsh-browser-ctrl 是一款基于 Chrome DevTools Protocol 的 DeepSeek Harness 插件，旨在实现 AI 在本地对浏览器的完全控制。该插件采用游客身份运行，安全且零外部依赖，核心功能包括 AI 自主上网、截图内嵌、实时面板操控等。安装需通过命令行添加，并需彻底重启 DSH。卸载同样需重启并手动清理浏览器数据目录。
阅读全文用 web-perf Skill 做前端性能审计：把 Core Web Vitals 塞进 Agent 工作流
介绍 Cloudflare 官方 Agent Skill「web-perf」：借助 Chrome DevTools MCP 审计 Core Web Vitals（LCP、INP、CLS）及 FCP、TBT、Speed Index，排查渲染阻塞、网络依赖链、布局偏移与缓存问题。文章说明其定位、五阶段工作流、在 Cursor / Claude Code / Codex 等工具中的安装方式、MCP 必配项，以及典型提示词与输出格式，并提醒以现行文档核验阈值、无 MCP 时勿硬编结论。
阅读全文