少裝一點AI 外掛目錄

Playwright MCP 與 Chrome DevTools MCP 怎麼選?

想讓 AI 檢查網頁操作流程,還是排查 Chrome 中的錯誤與加載問題?按任務比較這兩種瀏覽器工具及使用前提。

先按你要解決的問題選

需要 AI 打開網頁、點擊按鈕、填寫表單,逐步檢查搜索等流程時,可以先看 Playwright MCP。它通過網頁中的文本、控件和結構來操作頁面。

需要排查瀏覽器報錯、檢查網路請求或分析頁面加載性能時,可以先看 Chrome DevTools MCP。它向 AI 提供 Chrome 的除錯與性能檢查工具。兩者的瀏覽器操作能力有所重疊,不需要為了一個簡單任務都裝上。

開始使用需要什麼?

兩者都需要支持 MCP 的 AI 助手和項目文件要求的執行環境。Playwright MCP 文件提供多種客戶端配置方式;Chrome DevTools MCP 的準備條件包括 Node.js、npm 和 Chrome。具體版本要求會變化,安裝時查閱當前文件。

怎樣從一個小任務開始?

  1. 用 Playwright MCP 打開你負責的一個頁面,讓 AI 說明頁面控件,再執行一段可核對的操作流程。
  2. 用 Chrome DevTools MCP 檢查一個已知問題,例如頁面報錯或加載慢,核對它讀取到的檢查資訊。
  3. 如果既要復現操作又要分析原因,可以按需要配置兩者;先確認每個工具實際連接的瀏覽器和頁面。

這份對比的依據

用途對比根據兩項目的公開文件整理,本站沒有進行這兩者的安裝測試或性能競賽。它們給出的結果仍需要與實際頁面核對。

收錄與排序說明

少裝一點收錄有公開放原始碼碼、用途明確的開發類 AI 外掛。你可以先按用途挑選,再打開介紹瞭解它能做什麼、適合誰,以及開始使用需要什麼。這裡是已收錄項目的目錄,不是所有 AI 外掛的完整名單。

這三類外掛有什麼區別?

工具連接(MCP):讓 AI 助手連接外部工具,例如瀏覽器、程式碼項目或資料庫。MCP 是這類連接採用的協議。

任務技能(Skills):把某類任務的步驟和注意事項整理成可復用的說明,讓支持它的 AI 助手照著執行。

編輯器外掛:安裝在寫程式碼的軟體里,為你提供 AI 對話、程式碼補全或修改建議。

“收藏最多”怎麼排?

按項目在 GitHub 上累計獲得的 Star(星標,也可理解為收藏)從多到少排序。這是關注度參考,不是下載量、活躍使用者數或品質評分。一整套 Skills 按一個項目計算;沒有歷史記錄時,不展示每天新增收藏數。

“最近更新”是什麼意思?

指項目程式碼最近一次更新的時間,不一定是新版本發佈。“近7天更新”篩選的是項目更新時間,排序仍使用累計收藏數。每個介紹頁會單獨顯示收藏資料的採集時間;部分更新失敗時會保留舊資料。

介紹依據項目公開文件整理,未逐一安裝測試。接入方式、相容性和服務費用請以項目文件為準。刷新列表只讀取已保存的資料,不會啓動新的採集。

北京時間 UTC+8

把好用的分享出去

挑一版文案,選個平台。發佈前還能修改。