yamadashy / browser-extension-developer

Install for your project team

Run this command in your project directory to install the skill for your entire team:

mkdir -p .claude/skills/browser-extension-developer && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/981" && unzip -o skill.zip -d .claude/skills/browser-extension-developer && rm skill.zip

New-Item -Path ".claude/skills/browser-extension-developer" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/981" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".claude/skills/browser-extension-developer" -Force; Remove-Item "skill.zip"

Project Skills

This skill will be saved in .claude/skills/browser-extension-developer/ and checked into git. All team members will have access to it automatically.

Important: Please verify the skill by reviewing its instructions before using it.

Install skill for Codex

Run one of these commands to install the skill depending on your needs:

Project Local ($CWD/.codex/skills)

mkdir -p .codex/skills/browser-extension-developer && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/981" && unzip -o skill.zip -d .codex/skills/browser-extension-developer && rm skill.zip

New-Item -Path ".codex/skills/browser-extension-developer" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/981" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".codex/skills/browser-extension-developer" -Force; Remove-Item "skill.zip"

User Global (~/.codex/skills)

mkdir -p ~/.codex/skills/browser-extension-developer && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/981" && unzip -o skill.zip -d ~/.codex/skills/browser-extension-developer && rm skill.zip

New-Item -Path "$HOME/.codex/skills/browser-extension-developer" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/981" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.codex/skills/browser-extension-developer" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
REPO	`$CWD/.codex/skills`	Project directory. Teams can check in skills most relevant to a working folder here.
REPO	`$CWD/../.codex/skills`	A folder above CWD. Organizations can check in skills relevant to a shared area.
REPO	`$REPO_ROOT/.codex/skills`	Top-most root folder. Relevant to everyone using the repository.
USER	`$CODEX_HOME/skills`	Personal folder (`~/.codex/skills`). Curate skills that apply to any repository.

Install skill for GitHub Copilot

Run one of these commands to install the skill depending on your needs:

Project (.github/skills)

mkdir -p .github/skills/browser-extension-developer && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/981" && unzip -o skill.zip -d .github/skills/browser-extension-developer && rm skill.zip

New-Item -Path ".github/skills/browser-extension-developer" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/981" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".github/skills/browser-extension-developer" -Force; Remove-Item "skill.zip"

Personal (~/.copilot/skills)

mkdir -p ~/.copilot/skills/browser-extension-developer && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/981" && unzip -o skill.zip -d ~/.copilot/skills/browser-extension-developer && rm skill.zip

New-Item -Path "$HOME/.copilot/skills/browser-extension-developer" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/981" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.copilot/skills/browser-extension-developer" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
Project	`.github/skills/`	Repository-specific skills. Checked into git for the whole team.
Personal	`~/.copilot/skills/`	Personal skills available across all your projects.

Install skill for Google Antigravity

Run one of these commands to install the skill depending on your needs:

Workspace (.agent/skills)

mkdir -p .agent/skills/browser-extension-developer && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/981" && unzip -o skill.zip -d .agent/skills/browser-extension-developer && rm skill.zip

New-Item -Path ".agent/skills/browser-extension-developer" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/981" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".agent/skills/browser-extension-developer" -Force; Remove-Item "skill.zip"

Global (~/.gemini/antigravity/skills)

mkdir -p ~/.gemini/antigravity/skills/browser-extension-developer && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/981" && unzip -o skill.zip -d ~/.gemini/antigravity/skills/browser-extension-developer && rm skill.zip

New-Item -Path "$HOME/.gemini/antigravity/skills/browser-extension-developer" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/981" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.gemini/antigravity/skills/browser-extension-developer" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
Workspace	`.agent/skills/`	Workspace-specific skills for project workflows and conventions.
Global	`~/.gemini/antigravity/skills/`	Personal skills available across all workspaces.

Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.

Coding Design

0 views

0 installs

Tools I Recommend

ClaudeKit

Sponsor

Production-ready AI subagents automate your development & marketing workflows. Build in hours, not weeks.

Source: https://github.com/yamadashy/repomix/tree/main/browser/.claude/skills/browser-extension-developer

Skill Content

---
name: browser-extension-developer
description: Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
---

# Browser Extension Developer

Cross-browser extension (Chrome/Firefox/Edge) using **WXT framework** with Manifest V3. Injects "Repomix" button into GitHub repository pages.

## Structure

```plaintext
browser/
├── entrypoints/       # background.ts, content.ts
├── public/_locales/   # i18n (12 languages)
├── wxt.config.ts      # WXT configuration
└── .output/           # Built files (chrome-mv3, firefox-mv2)
```

## Commands

- `npm run dev` - Development mode (Chrome default)
- `npm run dev:firefox` - Firefox dev mode
- `npm run build-all` - Build all browsers
- `npm run lint` / `npm run test`

## i18n

12 languages: en, ja, de, fr, es, pt_BR, id, vi, ko, zh_CN, zh_TW, hi

New language: Create `public/_locales/[code]/messages.json` with keys: appDescription, openWithRepomix

## Notes

- Chrome/Edge use `chrome.*` APIs, Firefox may need polyfills
- Run lint and tests before completion

yamadashy / browser-extension-developer

Install for your project team

Download skill

Enable skills in Claude

Upload to Claude

Install skill for Codex

Install skill for GitHub Copilot

Install skill for Google Antigravity

Tools I Recommend

ClaudeKit

Skill Content