LogoClawIndex
案例技能关于
LogoClawIndex

frontend-with-playwright - 以 Playwright 驗證的框架無關前端開發協議

提供框架無關的前端實作協議,涵蓋 DOM、CSS、JavaScript、Playwright 驗證、無障礙、響應式效能與資料流合成。

标签

更新于: 2026-09-29

能力

典型输入

典型输出

该技能可以做什么

  • 檢查 DOM 拓撲
  • 界定 CSS/JS 邊界
  • 用 Playwright 驗證版面
  • 測試互動行為
  • 撰寫版面測試
  • 隔離框架 DOM 邊界
  • 調整響應式監聽器
  • 檢查無障礙與焦點
  • 合成篩選與資料來源

输入

  • 前端程式碼
  • 執行中的網頁
  • 介面需求
  • 框架管理的元件
  • 外部元件 API
  • 資料來源行為

输出

  • DOM 量測結果
  • 版面驗證結果
  • 互動驗證結果
  • Playwright 版面測試
  • 無障礙檢查結果
  • 前端實作指引

要求

  • 支援 Playwright 的瀏覽器環境
  • 可存取目標前端
  • 檢查與修改前端程式碼的權限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端工程
Playwright
DOM
CSS
JavaScript
無障礙
響應式效能
資料流
檢查 DOM 拓撲
界定 CSS/JS 邊界
用 Playwright 驗證版面
測試互動行為
前端程式碼
執行中的網頁
介面需求
DOM 量測結果
版面驗證結果
互動驗證結果