少裝一點AI 外掛目錄
← 返回外掛列表

工具連接(MCP)

Playwright MCP

microsoft/playwright-mcp

讓 AI 打開網頁、點擊按鈕和填寫表單,幫助檢查網站流程。

內容介紹

少裝一點整理 · 依據項目公開文件

想檢查登錄、搜索或下單頁面的操作流程時,可以讓 AI 通過 Playwright 控制瀏覽器。它讀取網頁中的按鈕、文本和表單結構來操作頁面,適合網站開發、界面檢查和重復網頁任務。使用前要把它接入支持 MCP 的 AI 助手,並按項目文件準備執行環境;瀏覽器操作結果仍需要結合實際頁面核對。

開始使用

先核對使用條件,再選擇你的 AI 助手查看接入步驟。

需要準備
  • Node.js 18 或更新版本。
  • 支持 MCP 的本地助手,以及可執行的瀏覽器。
費用說明
項目程式碼開放原始碼;AI 助手的使用費用與第三方服務額度另計。
需要的權限
可以讀取網頁、點擊和輸入內容。只在自己允許操作的頁面使用;瀏覽器登錄狀態會影響可存取內容。
Codex有官方接入說明

README 提供 Codex 配置示例,使用本機瀏覽器。

接入步驟

  1. 打開 README 的 Codex 小節。
  2. 按該小節把 Playwright 添加到助手的 MCP 配置。
  3. 重新打開助手,確認 Playwright 工具出現;缺瀏覽器時按官方提示補齊。

怎樣確認接入有效

讓它打開自己的網站並讀取頁面標題,檢查地址和標題是否正確。

官方依據

Claude Code有官方接入說明

README 提供 Claude Code 配置示例,使用本機瀏覽器。

接入步驟

  1. 打開 README 的 Claude Code 小節。
  2. 按該小節把 Playwright 添加到助手的 MCP 配置。
  3. 重新打開助手,確認 Playwright 工具出現;缺瀏覽器時按官方提示補齊。

怎樣確認接入有效

讓它打開自己的網站並讀取頁面標題,檢查地址和標題是否正確。

官方依據

Cursor有官方接入說明

README 提供 Cursor 配置示例,使用本機瀏覽器。

接入步驟

  1. 打開 README 的 Cursor 小節。
  2. 按該小節把 Playwright 添加到助手的 MCP 配置。
  3. 重新打開助手,確認 Playwright 工具出現;缺瀏覽器時按官方提示補齊。

怎樣確認接入有效

讓它打開自己的網站並讀取頁面標題,檢查地址和標題是否正確。

官方依據

官方依據

接入說明核對於 2026-10-12 · 依據公開文件整理,未逐一安裝實測。

可以怎麼用

  • 打開網頁並操作按鈕、表單
  • 逐步檢查網站交互流程
  • 按所用 AI 助手的說明配置瀏覽器工具

官方項目與文件

專案說明譯文

Playwright MCP 伺服器

用途相近的外掛

優先匹配當前外掛的主要用途,再參考共同用途和收藏數;接入方法可能不同。

收錄與排序說明

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

這三類外掛有什麼區別?

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

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

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

“收藏最多”怎麼排?

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

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

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

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

北京時間 UTC+8

把好用的分享出去

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