Skip to main content
ClaudeWave
Skill26.2k estrellas del repoactualizado 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.

Instalar en Claude Code
Copiar
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
Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

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