コードが記述された後、またはユーザーが「これをテストしてください」と言ったときに、実際のブラウザで実装を自動的に検証します。 Chrome DevTools MCP を使用して、レスポンシブ ブレークポイント (320px、768px、1024px) をテストし、アクセシビリティ コンプライアンス (WCAG AA コントラスト、キーボード ナビゲーション、ARIA) をチェックし、インタラクションを検証し、ファイル パスと特定の修正を含む詳細な技術レポートを生成します。
コマンドラインで browser-validator AI スキルを開発環境にすばやくインストール
ソース: kanopi/cms-cultivator。
Purpose Validate design implementations in real browsers using Chrome DevTools MCP to ensure quality, accessibility, and responsiveness.
This skill requires Chrome DevTools MCP integration. Correct tool names to use:
If Chrome DevTools MCP is not connected, provide manual checklist:
コードが記述された後、またはユーザーが「これをテストしてください」と言ったときに、実際のブラウザで実装を自動的に検証します。 Chrome DevTools MCP を使用して、レスポンシブ ブレークポイント (320px、768px、1024px) をテストし、アクセシビリティ コンプライアンス (WCAG AA コントラスト、キーボード ナビゲーション、ARIA) をチェックし、インタラクションを検証し、ファイル パスと特定の修正を含む詳細な技術レポートを生成します。 ソース: kanopi/cms-cultivator。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validatorコードが記述された後、またはユーザーが「これをテストしてください」と言ったときに、実際のブラウザで実装を自動的に検証します。 Chrome DevTools MCP を使用して、レスポンシブ ブレークポイント (320px、768px、1024px) をテストし、アクセシビリティ コンプライアンス (WCAG AA コントラスト、キーボード ナビゲーション、ARIA) をチェックし、インタラクションを検証し、ファイル パスと特定の修正を含む詳細な技術レポートを生成します。 ソース: kanopi/cms-cultivator。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/kanopi/cms-cultivator