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 などに対応

原文を見る