chrome-mcp-ui-audit は何をしますか？
Chrome DevTools MCP 経由で Web アプリの UI/QA 監査を行うための再利用可能な Claude Code スキルです。ツールの非自明な落とし穴、モーダル/フォーカストラップ、a11y/用語/ネットワーク検査スニペットを収録しています。
Chrome DevTools MCP 経由で Web アプリの UI/QA 監査を行うための再利用可能な Claude Code スキルです。ツールの非自明な落とし穴、モーダル/フォーカストラップ、a11y/用語/ネットワーク検査スニペットを収録しています。
このスキルは、Claude Code が Chrome DevTools MCP サーバーと連携して Web アプリケーションの UI および QA 監査を実行するための再利用可能な手順とスニペットを提供します。特に、通常のテストでは見落とされがちなツールの落とし穴（例：DevTools 内での要素選択の失敗やスクリーンショットのタイミング問題）、モーダルやフォーカストラップの検出、アクセシビリティ（a11y）監査、用語の統一性チェック、ネットワーク要求の検査に焦点を当てています。このスキルは Chrome DevTools MCP プラットフォーム上で動作し、監査の各ステップを具体的な CLI コマンドや JavaScript スニペットとして提供するため、ユーザーはすぐに実践的な監査を開始できます。開発者や QA エンジニアが手動レビューと自動チェックのギャップを埋め、高品質な Web アプリケーションを効率的に検証するのに役立ちます。
npx skills add EraWeb3333/chrome-mcp-ui-auditChrome DevTools MCP 経由で Web アプリの UI/QA 監査を行うための再利用可能な Claude Code スキルです。ツールの非自明な落とし穴、モーダル/フォーカストラップ、a11y/用語/ネットワーク検査スニペットを収録しています。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".