Browser Testing with DevTools
在隔离浏览器会话中采集 DOM、控制台、网络请求和截图证据。
Addy Osmani
Addy Osmani 发布的 Agent Skills 覆盖需求、实施与验证。DevTools 浏览器测试 Skill 将页面运行时表现整理为可供工程判断的证据。
关于 Addy Osmani
Addy Osmani 发布工程任务所用的 Agent Skills，覆盖需求说明、代码实施、测试和交付。仓库提供整套安装和按需选择 Skill 两种路径。
Browser Testing with DevTools 聚焦页面在 Chrome 中的实际行为。它借助单独配置的 MCP 服务查看正在运行的页面，记录错误，并对比改动前后的表现。
Addy Osmani 的 Agent Skill 指南
从运行中的页面收集证据。指南说明 DevTools 连接的前提，以及如何把访问范围限定在测试浏览器。
探索其他发布者
了解其他发布开放工具、项目与 Agent Skills 的个人和团队。
常见问题
官方集合在哪里？
addyosmani/agent-skills GitHub 仓库提供 Skill 清单、插件信息和各宿主的配置说明。
能只装一个 Skill 吗？
上游支持使用 Skills CLI 选择单项。只装一项时，仓库根目录下的共享参考清单需要另行取得。
会同时安装 Chrome DevTools MCP 吗？
Skill 安装和 MCP 服务配置分别进行。使用浏览器工具前，需要在宿主中配置并确认该服务可用。
浏览器测试指南能核对什么？
可以用它复现正在运行的页面问题，查看控制台和网络证据，并比较修复前后的同一交互。
在哪里查各宿主的命令？
查看上游针对所选宿主提供的配置文档。Claude Code、Codex 等客户端的插件与调用方式各有区别。
在哪里跟进版本变化？
查看官方仓库的发布记录，并在流程或依赖变化时核对对应 Skill 的清单。