Communitygithub.com

h8nc4y/bounded-playwright-ui-verification

適用於 AI 編碼代理的有限 Playwright UI 驗證技能

bounded-playwright-ui-verification 是什麼?

這個技能專為 AI 編碼代理(如 Claude Code、Cursor 或 Codex)設計,提供一個基於 Playwright 的 UI 驗證解決方案。它通過定義清晰的「有限範圍」(bounded scope)來限制驗證的影響範圍,避免不必要的全域測試或副作用。這對於需要精確驗證特定 UI 元件的開發者非常有用,尤其是在複雜的現代前端應用程式中。該技能支援常見的 Playwright 測試模式,並結合 AI 代理的決策邏輯,讓驗證過程更自動化、更可靠。使用時,代理會根據 skill 定義的規則生成或調整 Playwright 腳本,專注於指定的 DOM 區域或使用者互動序列。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add h8nc4y/bounded-playwright-ui-verification

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

bounded-playwright-ui-verification 是做什麼的?

適用於 AI 編碼代理的有限 Playwright UI 驗證技能

此技能使 AI 編碼代理能夠使用 Playwright 執行 UI 驗證,同時將測試範圍限制在明確的邊界內(例如特定元件、頁面區域或使用者流程)。透過定義限制範圍,代理可以避免不受控制的瀏覽器互動或全域狀態變更,從而提高驗證的可靠性和效率。

功能特點

  • 有限範圍驗證:將 Playwright 測試限制在指定的 DOM 元素或 URL 模式內。
  • 自動化腳本生成:根據使用者需求或預先定義的規範,讓代理自動產生 Playwright 驗證腳本。
  • 與 AI 代理整合:專為與 Claude Code、Cursor 或 Codex 等代理搭配使用而設計。
  • 支援常見模式:支援點擊、輸入、導航以及斷言。

使用方式

  1. 在支援 AI 代理的編輯器或終端機中載入此技能。
  2. 提供目標 UI 元素或頁面描述。
  3. 代理將生成並執行有限範圍的 Playwright 驗證腳本。

範例

# 請求範例:驗證登入表單
agent: 驗證登入表單中的使用者名稱輸入框是否存在且可點擊

平台支援

  • 所有支援 Playwright 的環境(Node.js、TypeScript)
  • AI 代理:Claude Code、Cursor、Codex

限制

  • 需要安裝 Playwright 相關依賴。
  • 目前僅支援有限範圍的驗證,不適用於大規模 E2E 測試。

授權條款

請參閱原始儲存庫的授權資訊。


此技能由 h8nc4y 維護。

相關技能