Chrome Devtools Protocol

Chrome Devtools Protocol taxonomy generated by the site skill importer.

6 個技能
B
remote-browser

作者 browser-use

remote-browser 可讓受沙箱限制的代理控制無頭瀏覽器,執行 Browser Automation。你可以用它開啟頁面、檢查目前狀態、點擊帶索引的元素、輸入內容、擷取螢幕截圖,並連線到本機應用程式或支援 CDP 的瀏覽器工作階段。

瀏覽器自動化
收藏 0GitHub 84.9k
B
browser-use

作者 browser-use

browser-use 是一款用於瀏覽器自動化的技能,可開啟頁面、檢查目前狀態、點擊已編號元素、在欄位中輸入內容、擷取螢幕畫面,並重用持續性的瀏覽器工作階段。若你需要透過 browser-use CLI 穩定完成表單填寫、頁面導覽或登入後流程,這項技能很適合納入評估。

瀏覽器自動化
收藏 0GitHub 84.9k
A
browser-testing-with-devtools

作者 addyosmani

browser-testing-with-devtools 可透過 Chrome DevTools MCP 協助代理測試與除錯真實瀏覽器行為。可用來檢查 DOM、擷取主控台錯誤、分析網路請求、進行效能剖析,並在實際瀏覽器中驗證修正結果。

测试自動化
收藏 0GitHub 18.7k
T
claude-in-chrome-troubleshooting

作者 trailofbits

claude-in-chrome-troubleshooting 可協助診斷並修復 macOS 上 Claude in Chrome 的 MCP 連線問題。當 `mcp__claude-in-chrome__*` 工具失敗、瀏覽器擴充功能顯示「Browser extension is not connected」,或是在更新後、切換應用程式後瀏覽器自動化變得不穩定時,就很適合使用這個技能。這份技能是給 Claude Code 與 Claude.app 衝突情境使用的實用修復指南。

瀏覽器自動化
收藏 0GitHub 5k
C
web-perf

作者 cloudflare

web-perf 透過 Chrome DevTools MCP 分析網站效能。它會衡量 Core Web Vitals、以 trace 為基礎的載入問題、阻擋渲染的資源、版面位移、快取問題與可及性缺口。若你需要 Performance Optimization、除錯緩慢頁面,或依據最新文件與即時 traces 進行的 web-perf 指南式工作流程,都適合使用 web-perf skill。

性能优化
收藏 0GitHub 1.3k
X
use-my-browser

作者 xixu-me

use-my-browser 是一個瀏覽器自動化策略技能,用來協助選擇合適的網頁操作層:公開網頁工具、即時 Chrome、raw fetch,或 Playwright,以處理需登入、動態內容與依賴 DevTools 的任務。

瀏覽器自動化
收藏 0GitHub 6
Chrome Devtools Protocol