skillsfree
💻 開発ツール⚙️ バックエンド🎨 フロントエンド🚀 DevOps⛓️ Web3とブロックチェーン🎭 クリエイティブ📄 ドキュメント📊 データとAI💼 ビジネス🤖 自動化🔒 セキュリティ✦ その他
無料精选料金
⌘K
ホーム無料精选料金
💻 開発ツール⚙️ バックエンド🎨 フロントエンド🚀 DevOps⛓️ Web3とブロックチェーン🎭 クリエイティブ📄 ドキュメント📊 データとAI💼 ビジネス🤖 自動化🔒 セキュリティ✦ その他
skillsfree

厳選された1500以上のClaude AIスキル紹介プラットフォーム。発見、学習、生産性向上。

カテゴリー

開発ツールフロントエンドバックエンドデータとAIドキュメントDevOps全カテゴリー

リソース

GitHubドキュメントAPIリファレンスClaude AI

会社情報

私たちについてお問い合わせよくある質問

法的情報

プライバシーポリシー利用規約

© 2026 Claude Skills Free. All rights reserved.

❤Claudeコミュニティのために心を込めて

☀️
  1. ホーム
  2. ✦開発ツール
  3. ✦DevTools を使用したブラウザーテスト
⏱ 資料を探して手作業→Development を一度で装備試行錯誤を繰り返す→#development ですぐ使える

DevTools を使用したブラウザーテスト

Chrome DevTools MCP を介して実際のブラウザーでテストします。ブラウザー上で動作するものの構築やデバッグ、DOM の確認、コンソールエラーの取得、ネットワークリクエストの分析、パフォーマンスのプロファイリング、または実際のランタイムデータを使った視覚的出力の確認が必要な場合に使用します。chrome-devtools MCP サーバーの設定が必要です。

💻 Development✦無料で変身✦7 言語

装備内容

中身

ファイル・タグ・3ステップのインストール

ソースリポジトリからスキルファイルをダウンロードまたはコピーします。
スキルファイルを Claude の skills ディレクトリ(~/.claude/skills/)に置きます。
Claude を再起動するかリロードコマンドを実行すると、スキルが自動で読み込まれます。
$ cp addyosmani__agent-skills/skills/browser-testing-with-devtools/SKILL.md ~/.claude/skills/

ヒント: 初回使用の前にドキュメントとコードを読み、機能と必要な権限を確認してください。

関連タグ

#development#browser#testing#devtools#tests#real#browsers

技術情報

作成者
addyosmani
カテゴリー
Development
ファイルサイズ
14.20 KB
ソースリポジトリ
addyosmani__agent-skills
ライセンス
MIT
メタデータ
YAMLメタデータを含む
GitHubソースを表示

これを持ち帰る

無料で変身

無料スキルはログイン後すぐにダウンロードでき、そのまま使えます。

すべてのスキルはオープンソースコミュニティ由来で、原作者の権利を保持します。

次のスクリプト

関連スキル

タグとカテゴリーに基づくおすすめ

すべてのスキルを表示
💻

アプリストア最適化

プレミアム

Apple App Store と Google Play Store でのモバイルアプリのパフォーマンスを調査、最適化、追跡するための完全な App Store Optimization (ASO) ツールキット

Development16 KB
詳細を見る
💻

アダプティブ

プレミアム

自動化タンパク質試験と検証のためのクラウドラボラトリープラットフォーム。タンパク質設計時、結合アッセイ、発現試験、熱安定性測定、酵素活性アッセイ、またはタンパク質配列最適化を含む実験的検証が必要な場合に使用。API経由で実験を提出し、実験ステータスを追跡し、結果をダウンロードし、計算ツール(NetSolP、SoluProt、SolubleMPNN、ESM)を使用して発現を改善するためにタンパク質配列を最適化し、またはウェットラボ検証を伴うタンパク質設計ワークフローを管理する場合にも使用。

Development4 KB
詳細を見る
💻

エージェントファクトリー

プレミアム

Claude Codeエージェント生成システムは、実績のあるプロダクションパターンに従い、強化されたYAMLフロントマター、ツールアクセスパターン、およびMCP統合サポートを備えたカスタムエージェントとサブエージェントを作成するシステムです。

Development8 KB
詳細を見る
💻

エージェント内省デバッグ

無料

キャプチャ、診断、制御された復旧、内省レポートを用いた、AIエージェントの失敗に対する構造化された自己デバッグワークフローです。エージェントの実行が失敗し、再試行ではなく再現可能な診断が必要な場合に使用します。

Development5 KB
詳細を見る
すべてのスキルを表示