ui-check-framework

SKILL.md

Create or refine an automated UI self-check system that discovers UI blocks via data-qa tags and enforces behavioral/visual contracts (themes, animations, loading, layout stability, modal usability, error visibility). The framework must scale to new cards, modals, toasts, and actions without writing new test cases each time.

使用 Playwright 為 Web UI（React/Vite 或純 HTML）構建或擴展可擴展的 UI 自檢框架。當要求添加/升級​​ ui-check 或 ui-watch 流程、強制執行 data-qa/data-testid 發現、添加主題/對比度檢查、動畫驗證、加載狀態機檢查、佈局穩定性/重疊檢查、模式滾動規則或記錄 QA 標記標準和 UI 測試命令時使用。 來源：yiyousiow000814/xauusd-calendar-agent。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/yiyousiow000814/xauusd-calendar-agent --skill ui-check-framework 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用

安全認證，程式碼可靠安全 一鍵安裝，設定簡單 相容 Claude Code、Cursor 等工具

查看原文