Anthropic Claudeソフトウェア開発⭐ リポ 299品質スコア 84/100

browser-testing

Name: browser-testing
Author: majiayu000

Webアプリケーションのテスト、ブラウザのコンソールエラーのデバッグ、フォーム操作の自動化、UIの実装検証に使用できます。localhostでのテスト、認証が必要なアプリ（Gmail、Notionなど）のテスト、またはデモGIFの録画に対応しています。Chrome拡張機能1.0.36以上、Claude Code 2.0.73以上、および有料プランが必要です。

description の原文を見る

Use when testing web applications, debugging browser console errors, automating form interactions, or verifying UI implementations. Load for localhost testing, authenticated app testing (Gmail, Notion), or recording demo GIFs. Requires Chrome extension 1.0.36+, Claude Code 2.0.73+, paid plan.

SKILL.md 本文

ブラウザテスト

Chrome統合を介してWebアプリケーションをテストおよびデバッグします。

前提条件

要件	最小バージョン
Chrome拡張機能	1.0.36+
Claude Code CLI	2.0.73+
プラン	Pro/Team/Enterprise

手順

Chromeを有効にする: claude --chrome または /chrome
タブコンテキストを取得: tabs_context_mcp
ナビゲート: navigate でURLにアクセス
相互作用: find、form_input、computer を使用
検証: read_console_messages、read_page を実行
証拠を取得: computer(action="screenshot")

クイックコマンド

# Check for console errors
scripts/check-console-errors.sh TAB_ID

# Verify page loaded
scripts/verify-page-load.sh TAB_ID URL

# Run smoke test
scripts/smoke-test.sh URL

MCPツール

ツール	目的
`tabs_context_mcp`	タブIDを取得(最初に呼び出し)
`navigate`	URLに移動
`computer`	クリック、入力、スクリーンショット
`find`	説明で要素を検索
`form_input`	フォームフィールドを入力
`read_console_messages`	パターンフィルター付きでデバッグ
`read_page`	DOM/アクセシビリティツリーを取得
`gif_creator`	相互作用を記録

リファレンス

ファイル	読み込むタイミング
references/patterns.md	テストシナリオを設計する際
references/examples.md	具体的な例が必要な場合

ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ

詳細情報

作者: majiayu000
リポジトリ: majiayu000/claude-skill-registry
ライセンス: MIT
最終更新: 2026/5/4

GitHubで原本を見る →フィードバックを送る

Source: https://github.com/majiayu000/claude-skill-registry / ライセンス: MIT

関連スキル

汎用ソフトウェア開発⭐ リポ 39,967

doubt-driven-development

重要な判断はすべて、本番環境への展開前に新しい視点から対抗的レビューを実施します。速度より正確性が重要な場合、不慣れなコードを扱う場合、本番環境・セキュリティに関わるロジック・取り消し不可の操作など影響度が高い場合、または後でバグを修正するよりも今検証する方が効率的な場合に活用してください。

by addyosmani

汎用ソフトウェア開発⭐ リポ 1,175

apprun-skills

TypeScriptを使用したAppRunアプリケーションのMVU設計に関する総合的なガイダンスが得られます。コンポーネントパターン、イベントハンドリング、状態管理（非同期ジェネレータを含む）、パラメータと保護機能を備えたルーティング・ナビゲーション、vistestを使用したテストに対応しています。AppRunコンポーネントの設計・レビュー、ルートの配線、状態フローの管理、AppRunテストの作成時に活用してください。

by yysun

OpenAIソフトウェア開発⭐ リポ 797

desloppify

コードベースのヘルスチェックと技術負債の追跡ツールです。コード品質、技術負債、デッドコード、大規模ファイル、ゴッドクラス、重複関数、コードスメル、命名規則の問題、インポートサイクル、結合度の問題についてユーザーが質問した場合に使用してください。また、ヘルススコアの確認、次の改善項目の提案、クリーンアップ計画の作成をリクエストされた際にも対応します。29言語に対応しています。

by Git-on-my-level

汎用ソフトウェア開発⭐ リポ 39,967

debugging-and-error-recovery

テストが失敗したり、ビルドが壊れたり、動作が期待と異なったり、予期しないエラーが発生したりした場合に、体系的な根本原因デバッグをガイドします。推測ではなく、根本原因を見つけて修正するための体系的なアプローチが必要な場合に使用してください。

by addyosmani

汎用ソフトウェア開発⭐ リポ 39,967

test-driven-development

テスト駆動開発により実装を進めます。ロジックの実装、バグの修正、動作の変更など、あらゆる場面で活用できます。コードが正常に動作することを証明する必要がある場合、バグ報告を受けた場合、既存機能を修正する予定がある場合に使用してください。

by addyosmani

汎用ソフトウェア開発⭐ リポ 39,967

incremental-implementation

変更を段階的に実施します。複数のファイルに影響する機能や変更を実装する場合に使用してください。大量のコードを一度に書こうとしている場合や、タスクが一度では完結できないほど大きい場合に活用します。

by addyosmani