Browser Testing With Devtools
Chrome DevTools MCP を介して実際のブラウザでテストを実行します。ブラウザで動作するものの構築やデバッグ時に使用します。DOM の検査、コンソールエラーのキャプチャ、ネットワークリクエストの分析、パフォーマンスのプロファイリング、または実際のランタイムデータによる視覚的出力の検証が必要な場合に使用してください。chrome-devtools MCP サーバーの設定が必要です。
概要
Chrome DevTools MCP を使用して、エージェントにブラウザ内を確認する機能を提供します。これにより、静的コード解析と実際のブラウザ実行の間のギャップを埋めることができます。エージェントはユーザーが見ているものを確認し、DOM を検査し、コンソールログを読み取り、ネットワークリクエストを分析し、パフォーマンスデータを取得できます。実行時に何が起きているかを推測するのではなく、実際に検証してください。
ユースケース
導入方法
# Review source first
open https://github.com/addyosmani/agent-skills/blob/main/skills/browser-testing-with-devtools/SKILL.md確認済みのスキルフォルダを、互換性のあるエージェントが使用する skills ディレクトリにコピーしてください。
セキュリティ
AIToolly は公開されたソース構造とライセンスを自動的に検証しました。ワークスペース、コマンド、またはネットワークへのアクセスを許可する前に、addyosmani/agent-skills と同梱のスクリプトを再度確認してください。
関連Skills
Claude API
anthropics/skills
Claude API / Anthropic SDK のリファレンス — モデルID、価格、パラメータ、ストリーミング、ツール利用、MCP、エージェント、キャッシュ、トークンカウント、モデル移行。 TRIGGER — ターゲットファイルを開いて BEFORE を読み取ってください。「1行のように見える」という理由でスキップしないでください。プロンプトに Claude/Anthropic が何らかの形式（Claude、Anthropic、Fable、Opus、Sonnet、Haiku、`anthropic`、`@anthropic-ai`、`claude-*`、`us.anthropic.*`、`[1m]`）で含まれている場合、またはユーザーが LLM（価格/モデル選択/制限/キャッシュ）について質問した場合は常に実行してください。
Skill Creator
anthropics/skills
新しいスキルの作成、既存スキルの修正と改善、およびスキルパフォーマンスの測定を行います。ユーザーがスキルをゼロから作成、既存スキルの編集や最適化、スキルテストのための評価（evals）の実行、分散分析によるスキルパフォーマンスのベンチマーク、またはトリガー精度の向上のためのスキル説明の最適化を行いたい場合に使用します。
MCP Builder
anthropics/skills
適切に設計されたツールを通じて、LLMが外部サービスと連携できるようにする高品質な MCP (Model Context Protocol) サーバーを作成するためのガイドです。Python (FastMCP) または Node/TypeScript (MCP SDK) を使用して、外部APIやサービスを統合する MCP サーバーを構築する際に使用します。
API And Interface Design
addyosmani/agent-skills
安定した API とインターフェース設計をガイドします。API、モジュール境界、またはパブリックインターフェースの設計時に使用します。REST や GraphQL エンドポイントの作成、モジュール間の型コントラクトの定義、フロントエンドとバックエンドの境界設定を行う際に活用してください。
Gh Address Comments
openai/plugins
GitHub プルリクエストのレビューフィードバックに対応します。未解決のレビュースレッド、リクエストされた変更、または PR 上のインラインレビューコメントを確認し、選択した修正を実装する場合に使用します。PR メタデータとフラットなコメントの読み取りには GitHub アプリを使用し、スレッドレベルの状態、解決ステータス、またはインラインレビューのコンテキストが重要な場合は、`gh` を介して同梱の GraphQL スクリプトを使用してください。
Gh Fix CI
openai/plugins
ユーザーがGitHub Actionsで実行される失敗したGitHub PRチェックのデバッグや修正を求めた際に使用します。PRのメタデータとパッチのコンテキストにはこのプラグインのGitHubアプリを使用し、承認された修正を実装する前に、Actionsのチェックとログの検査には`gh`を使用してください。