browser-ext-creator
适合想快速产出扩展原型并遵循 MV3 规范的前端工程师。
生成扩展可能涉及权限请求与用户隐私，代码上线前需注意权限最小化与审查。
设计并实现 Chrome/Firefox 的浏览器扩展（Manifest V3）代码与结构。
把 Chrome/Firefox 的扩展从需求变成可跑的工程：给出 Manifest V3 的项目结构、content script、background script、popup UI 和外部 API 的实现样板。当你要为某个网站加按钮、自动化页面流程、把 Tampermonkey 脚本改成正规扩展或做站点级功能增强时会用到。重点是生成符合浏览器规范的可运行代码和良好结构的工程模板。
▸ 展开 SKILL.md 英文原文
ブラウザ拡張機能の開発を支援するスキル。 Chrome (Manifest V3) と Firefox に対応したブラウザ拡張を設計・実装する。 以下の状況で使用: (1) ユーザーが「ブラウザ拡張を作って」「Chrome拡張を実装して」「Firefox拡張を開発して」と依頼した時 (2) ユーザーが明示的に「browser-ext-creator スキル」の実行を指示した時 (3) 特定のウェブサイトの機能拡張や自動化を求められた時 (4) content script、background script、popup UIなどの拡張機能コンポーネントの実装が必要な時 (5) 「YouTubeの動画速度を変えるChrome拡張が欲しい」のようにサイト名+機能で拡張を依頼された時 (6) 「GitHubのPRページにボタンを追加したい」のようにページ埋め込みUIを求められた時 (7) 「ページ内のテキストを選択したらAPIに投げる拡張を作って」のように外部API連携を含む拡張を依頼された時 (8) 「Tampermonkeyスクリプトを正式なChrome拡張にしたい」のように拡張への変換を求められた時
帮我安装这个 skill：https://raw.githubusercontent.com/goldeneggg/dotfiles/master/ai-linux/.claude/skills/browser-ext-creator/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/goldeneggg/dotfiles/master/ai-linux/.claude/skills/browser-ext-creator/SKILL.md"# Browser Extension Creator ブラウザ拡張機能（Chrome Manifest V3 / Firefox）の設計・実装を支援するスキル。 ### スコープ外 以下はこのスキルの対象外。依頼された場合はその旨を伝える: - Chrome Web Store / Firefox Add-ons への公開手順・審査対応 - 拡張機能のユニットテスト・E2Eテスト構築 - CI/CD パイプライン構築 - Manifest V2 → V3 の移行作業（新規MV3実装は対応可） - Safari Web Extensions（Xcode連携が必要なため） ## ワークフロー概要 ``` 1. 要件収集 → 推奨案を含む複数の選択肢を提示して機能仕様を確認 2. 設計 → プロジェクト構造とファイル構成を決定 3. 実装 → テンプレートをベースにコード生成 4. 自己評価 → セキュリティ・パフォーマンス観点で自己評価 ``` ## Degrees of Freedom | ステップ | Freedom | 理由 | |----------|---------|------| | 要件収集 | **Low** | 確認項目は固定（機能概要・対象ブラウザ・動作対象サイト・UI要件・データ連携）。項目を飛ばさず順に確認する | | 設計 | **Medium** | プロジェクト構造はテンプレートに準拠するが、不要コンポーネント（popup/options）の省略やディレクトリ追加はユーザー要件に応じて判断する | | 実装 | **H