mindrally/chrome-extension-development

chrome-extension-development は何をしますか？

Chrome拡張機能開発（Manifest V3）のエキスパートガイドライン。セキュリティ、パフォーマンス、ベストプラクティスを網羅。ブラウザ拡張機能の構築、ポップアップUIの作成、コンテンツスクリプトの実装、Chrome APIの使用、拡張機能のパーミッション管理、Chrome Web Storeへの公開時に利用。

概要

このスキルは、Manifest V3に基づいたChrome拡張機能開発のための包括的なガイドラインを提供します。最新のセキュリティ基準、パフォーマンス最適化、業界標準のベストプラクティスに焦点を当てています。

主な機能

• セキュリティ: コンテンツセキュリティポリシー（CSP）、データの最小化、安全な通信
• パフォーマンス: サービスワーカーの効率的な使用、イベント駆動型アーキテクチャ
• ベストプラクティス: コードのモジュール性、テスト容易性、メンテナンス性

対応プラットフォーム

• Claude Code
• Cursor
• Codex

使用方法

AIエージェントがこのスキルを読み込むことで、以下のような支援が可能になります：

1. 拡張機能の初期化: manifest.json のテンプレート生成
2. UI開発: ポップアップ、オプションページ、コンテンツスクリプトの設計支援
3. API連携: Chrome API（chrome.tabs, chrome.storage, chrome.runtime など）の使用方法のアドバイス
4. パーミッション管理: 最小権限の原則に基づいたパーミッション設定
5. 公開支援: Web Store向けのパッケージングと提出手順

制限事項

• Manifest V2はサポート対象外
• 特定のサードパーティ製フレームワーク（React, Vueなど）の詳細は別途参照が必要
• ブラウザ固有の機能（Firefox Add-onsなど）は対象外

参考リンク

• Chrome Extension Documentation
• Manifest V3 Migration Guide
• Chrome Web Store Developer Dashboard