Skill26.2k repo starsupdated today

browser-extension-developer

This skill guides development of the Repomix browser extension using the WXT framework with Manifest V3 support for Chrome, Firefox, and Edge. Use it when building or maintaining extension features like the GitHub repository button injection, content and background scripts, internationalization across twelve languages, or cross-browser compatibility adjustments.

View source Repository: repomix

Install in Claude Code

Copy

git clone --depth 1 https://github.com/yamadashy/repomix /tmp/browser-extension-developer && cp -r /tmp/browser-extension-developer/browser/.claude/skills/browser-extension-developer ~/.claude/skills/browser-extension-developer

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

# 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