browser-extension-developer

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.

Quality

70%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./browser/.claude/skills/browser-extension-developer/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

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

Repository: yamadashy/repomix
Path: browser/.claude/skills/browser-extension-developer/SKILL.md
Commit: c898ff0

Last updated: about 14 hours ago
First committed: 7 months ago

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.