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.
Best for Browser extension developersWorks with GitHubLow risk
⌘source
- author
@yamadashy- language
- TypeScript
★24kstars
1.2kforks
Apr 18, 2026
✦overview.md
Key Features
- ·Develops cross-browser extensions using WXT framework
- ·Supports Chrome, Firefox, and Edge compatibility
- ·Manages content and background scripts
- ·Handles i18n updates for 12 languages
- ·Provides clear build and development commands
- ·Includes linting and testing workflows
Use Cases
- →Adding a custom button to GitHub repository pages
- →Maintaining browser extension code in a multi-browser environment
- →Updating internationalization files for 12 supported languages
- →Developing new features using content or background scripts
Best for
- ✓Browser extension developers
- ✓Teams maintaining cross-browser extensions
- ✓Projects using WXT framework
Not ideal for
- !Native application development
- !Server-side code
- !One-off browser scripting
FAQs
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
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 modenpm run build-all- Build all browsersnpm 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
$install
1-click copynpx skills add yamadashy/repomix --skill browser-extension-developerSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
5/ 5
excellentVery clear and well structured, with almost no room for misunderstanding.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
5/ 5
very highHighly actionable with clear, concrete steps that an agent can follow directly.