Communitygithub.com

harry-harish/chrome-extension-builder

Manifest V3 Chrome 拡張機能のビルド、検証、テスト、公開を行うための Claude Code プラグイン。

chrome-extension-builder とは?

このスキルは、Claude Code を使用して Manifest V3 Chrome 拡張機能の開発ライフサイクルを効率化するためのプラグインです。ビルド、バリデーション、テスト、公開までの各工程を自動化し、開発者の手間を大幅に削減します。主な機能には、未使用権限の検出やセキュリティホールの特定といったコード検証、ストア公開前の最終チェック、および非公開での .crx パッケージの作成が含まれます。スキルは Claude Code プラットフォーム上で動作し、1 つのコマンド vs. 複数コマンドの柔軟なモードを提供します。このツールは、バグの早期発見、CI/CD パイプラインへの統合、レビュー時間の短縮に貢献し、開発者がコード品質やユーザー体験に集中できるように支援します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add harry-harish/chrome-extension-builder

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

chrome-extension-builder は何をしますか?

Manifest V3 Chrome 拡張機能のビルド、検証、テスト、公開を行うための Claude Code プラグイン。

概要

この Claude Code プラグインは、Chrome 拡張機能の開発ライフサイクル全体を自動化します。以下の機能を提供します。

  • ビルド: ソースコードから拡張機能をバンドルします。
  • 検証: 未使用の権限、セキュリティの問題、マニフェストのエラーをチェックします。
  • テスト: 自動テストを実行します。
  • 公開: Chrome Web Store に拡張機能を公開します。

インストール

Claude Code でこのプラグインを使用するには、以下のコマンドを実行します。

claude plugins install harry-harish/chrome-extension-builder

使用方法

プラグインをインストールすると、以下のコマンドが利用可能になります。

拡張機能のビルド

claude chrome-extension-builder build

拡張機能の検証

claude chrome-extension-builder validate

テストの実行

claude chrome-extension-builder test

公開

claude chrome-extension-builder publish

設定

プラグインは、プロジェクトのルートにある chrome-extension-builder.config.json ファイルで設定できます。利用可能なオプションは以下のとおりです。

  • sourceDir: ソースディレクトリへのパス (デフォルト: ./src)
  • outputDir: 出力ディレクトリへのパス (デフォルト: ./dist)
  • manifestVersion: マニフェストのバージョン (デフォルト: 3)
  • autoValidate: ビルド時に自動的に検証を実行するかどうか (デフォルト: true)

環境変数

  • CHROME_WEB_STORE_CLIENT_ID: Chrome Web Store API のクライアント ID
  • CHROME_WEB_STORE_CLIENT_SECRET: Chrome Web Store API のクライアントシークレット
  • CHROME_WEB_STORE_REFRESH_TOKEN: Chrome Web Store API のリフレッシュトークン

例

基本的な使用例

# 拡張機能をビルドして検証する
claude chrome-extension-builder build --validate

# テストを実行する
claude chrome-extension-builder test --coverage

# 公開する (認証情報が必要)
claude chrome-extension-builder publish --notes "バグ修正"

ライセンス

MIT

関連スキル