chrome-devtools by github/awesome-copilot
npx skills add https://github.com/github/awesome-copilot --skill chrome-devtools一个专门用于控制和检查实时 Chrome 浏览器的技能。此技能利用 chrome-devtools MCP 服务器执行广泛的浏览器相关任务,从简单的导航到复杂的性能分析。
在以下情况下使用此技能:
new_page:打开新标签页/页面。navigate_page:跳转到特定 URL、重新加载或导航历史记录。select_page:在打开的页面之间切换上下文。list_pages:查看所有打开的页面及其 ID。广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
close_page:关闭特定页面。wait_for:等待页面上出现特定文本。click:点击元素(使用快照中的 uid)。fill / fill_form:在输入框中键入文本或一次性填写多个字段。hover:将鼠标悬停在元素上。press_key:发送键盘快捷键或特殊键(例如 "Enter"、"Control+C")。drag:拖放元素。handle_dialog:接受或关闭浏览器警报/提示。upload_file:通过文件输入上传文件。take_snapshot:获取基于文本的无障碍功能树(最适合识别元素)。take_screenshot:捕获页面或特定元素的视觉表示。list_console_messages / get_console_message:检查页面的控制台输出。evaluate_script:在页面上下文中运行自定义 JavaScript。list_network_requests / get_network_request:分析网络流量和请求详情。resize_page:更改视口尺寸。emulate:限制 CPU/网络或模拟地理位置。performance_start_trace:开始记录性能配置文件。performance_stop_trace:停止记录并保存跟踪数据。performance_analyze_insight:从记录的性能数据中获取详细分析。在查找元素时,始终优先使用 take_snapshot 而非 take_screenshot。快照提供了交互工具所需的 uid 值。
1. `take_snapshot` 以获取当前页面结构。
2. 找到目标元素的 `uid`。
3. 使用 `click(uid=...)` 或 `fill(uid=..., value=...)`。
当页面出现故障时,同时检查控制台日志和网络请求。
1. `list_console_messages` 以检查 JavaScript 错误。
2. `list_network_requests` 以识别失败(4xx/5xx)的资源。
3. `evaluate_script` 以检查特定 DOM 元素或全局变量的值。
识别页面加载缓慢的原因。
1. `performance_start_trace(reload=true, autoStop=true)`
2. 等待页面加载/跟踪完成。
3. `performance_analyze_insight` 以查找 LCP 问题或布局偏移。
list_pages 和 select_page。uid 值可能会改变。wait_for 设置合理的超时时间,以避免在加载缓慢的元素上挂起。take_screenshot 进行视觉验证,但依赖 take_snapshot 进行逻辑操作。每周安装量
8.4K
代码仓库
GitHub 星标
26.7K
首次出现
Jan 23, 2026
安全审计
安装于
codex8.3K
gemini-cli8.2K
opencode8.2K
github-copilot8.2K
cursor8.1K
kimi-cli8.1K
A specialized skill for controlling and inspecting a live Chrome browser. This skill leverages the chrome-devtools MCP server to perform a wide range of browser-related tasks, from simple navigation to complex performance profiling.
Use this skill when:
new_page: Open a new tab/page.navigate_page: Go to a specific URL, reload, or navigate history.select_page: Switch context between open pages.list_pages: See all open pages and their IDs.close_page: Close a specific page.wait_for: Wait for specific text to appear on the page.click: Click on an element (use uid from snapshot).fill / fill_form: Type text into inputs or fill multiple fields at once.hover: Move the mouse over an element.press_key: Send keyboard shortcuts or special keys (e.g., "Enter", "Control+C").drag: Drag and drop elements.handle_dialog: Accept or dismiss browser alerts/prompts.upload_file: Upload a file through a file input.take_snapshot: Get a text-based accessibility tree (best for identifying elements).take_screenshot: Capture a visual representation of the page or a specific element.list_console_messages / get_console_message: Inspect the page's console output.evaluate_script: Run custom JavaScript in the page context.list_network_requests / get_network_request: Analyze network traffic and request details.resize_page: Change the viewport dimensions.emulate: Throttling CPU/Network or emulating geolocation.performance_start_trace: Start recording a performance profile.performance_stop_trace: Stop recording and save the trace.performance_analyze_insight: Get detailed analysis from recorded performance data.Always prefer take_snapshot over take_screenshot for finding elements. The snapshot provides uid values which are required by interaction tools.
1. `take_snapshot` to get the current page structure.
2. Find the `uid` of the target element.
3. Use `click(uid=...)` or `fill(uid=..., value=...)`.
When a page is failing, check both console logs and network requests.
1. `list_console_messages` to check for JavaScript errors.
2. `list_network_requests` to identify failed (4xx/5xx) resources.
3. `evaluate_script` to check the value of specific DOM elements or global variables.
Identify why a page is slow.
1. `performance_start_trace(reload=true, autoStop=true)`
2. Wait for the page to load/trace to finish.
3. `performance_analyze_insight` to find LCP issues or layout shifts.
list_pages and select_page if you are unsure which tab is currently active.uid values may change.wait_for to avoid hanging on slow-loading elements.take_screenshot sparingly for visual verification, but rely on take_snapshot for logic.Weekly Installs
8.4K
Repository
GitHub Stars
26.7K
First Seen
Jan 23, 2026
Security Audits
Gen Agent Trust HubFailSocketPassSnykWarn
Installed on
codex8.3K
gemini-cli8.2K
opencode8.2K
github-copilot8.2K
cursor8.1K
kimi-cli8.1K
97,600 周安装