browser-extension-builder（ブラウザ拡張機能ビルダー）

このSkillでできること

✓Chrome、Firefoxなどのブラウザ拡張機能の構成を設計する
✓Manifest V3、コンテンツスクリプト、サービスワーカー、ポップアップやサイドパネルの実装方針を整理する
✓権限、ストレージ、メッセージング、クロスブラウザー対応を検討する
✓Chrome Web Store公開に向けた説明文や権限の見直しを行う

使い方

STEP 1

必要なUIや実行面をポップアップ、サイドパネル、コンテンツスクリプト、オプションページ、サービスワーカーから絞り込む

STEP 2

activeTabとstorageを起点に、必要最小限のhost_permissionsを設計する

STEP 3

ポップアップ、サイドパネル、サービスワーカー、コンテンツスクリプト間のメッセージフローを先に定義する

STEP 4

サービスワーカーの再起動、タブの再読み込み、権限やストア審査要件を確認する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/rehanhaider/aiman

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Manifest V3で、ユーザー操作時にコンテンツスクリプトを実行するChrome拡張機能を設計してください。必要な権限を最小限にし、ポップアップとサービスワーカー間のメッセージフロー、ストレージ利用、サービスワーカー再起動時の動作、Chrome Web Store向けの確認事項を含めてください。

出力例を見る

構成案：ポップアップ ⇔ サービスワーカー ⇔ コンテンツスクリプト。権限はactiveTabとstorageを基本とし、共有状態はchrome.storageで管理します。サービスワーカー停止後の再開を想定して永続状態に依存せず、ストア掲載時は単一目的の説明と権限の理由を用意します。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信明確な記述なし

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス明確な記述なし

認証情報明確な記述なし

browser-extension-builder

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

add-customer-to-user-list

humanizer

accessibility