MCP HubMCP Hub
SKILL·D4623E

browser-debugger

involvex
更新日 4 months ago
14 閲覧
1
1
GitHubで表示
テストaitestingmcpdesign

について

ブラウザデバッガースキルは、Chrome DevToolsを活用した自動UIテストとデバッグ機能を提供し、視覚的なデザイン検証、コンソール監視、ネットワークリクエストの追跡を行います。開発者がUI実装を検証し、コンソールエラーを捕捉し、回帰テストを実行するために設計されています。機能開発後の検証、デザイン忠実度の確認、ブラウザ関連の問題調査時にご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add involvex/involvex-claude-marketplace -a claude-code
プラグインコマンド代替
/plugin add https://github.com/involvex/involvex-claude-marketplace
Git クローン代替
git clone https://github.com/involvex/involvex-claude-marketplace.git ~/.claude/skills/browser-debugger

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

involvex/involvex-claude-marketplace
パス: plugins/frontend/skills/browser-debugger
0
FAQ

よくある質問

browser-debugger Skillとは何ですか?

browser-debugger はinvolvex が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで browser-debugger に関連するタスクを実行できるようにします。

browser-debugger をインストールするには?

このページのインストールコマンドを使用してください。browser-debugger をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。

browser-debugger はどのカテゴリに属しますか?

browser-debugger は テスト カテゴリに属します。

browser-debugger は無料で利用できますか?

はい。browser-debugger は AIMCP に掲載されており、無料でインストールできます。

関連スキル

evaluating-llms-harness
テスト

このClaudeスキルは、lm-evaluation-harnessを実行し、MMLUやGSM8Kなど60以上の標準化学術タスクでLLMをベンチマークします。開発者がモデルの品質を比較し、トレーニングの進捗を追跡し、学術的な結果を報告するために設計されています。このツールはHuggingFaceやvLLMモデルを含む様々なバックエンドをサポートしています。

スキルを見る
cloudflare-cron-triggers
テスト

このスキルは、cron式を使用してWorkersをスケジュールするためのCloudflare Cron Triggersの実装に関する包括的な知識を提供します。定期的なタスクの設定、メンテナンスジョブ、自動化されたワークフローの構築を網羅し、無効なcron式やタイムゾーン問題といった一般的な課題への対処法も含みます。開発者はこれを使用して、スケジュールされたハンドラーの設定、cronトリガーのテスト、WorkflowsやGreen Computeとの連携を構成できます。

スキルを見る
webapp-testing
テスト

このClaude Skillは、Playwrightベースのツールキットを提供し、Pythonスクリプトを通じてローカルWebアプリケーションのテストを可能にします。フロントエンドの検証、UIデバッグ、スクリーンショット撮影、ログ表示を実現し、サーバーライフサイクルを管理します。ブラウザ自動化タスクにご利用いただけますが、コンテキストの汚染を避けるため、スクリプトのソースコードを読むのではなく直接実行してください。

スキルを見る
finishing-a-development-branch
テスト

このスキルは、開発者がテストの合格を確認し、構造化された統合オプションを提示することで、完成した作業を仕上げることを支援します。実装が完了した後のマージ、PR作成、ブランチの整理といったワークフローを案内します。コードが準備できてテスト済みの際に使用し、開発プロセスを体系的に完了させましょう。

スキルを見る