Featured

browser-extension-developer

Name: browser-extension-developer
Rating: 5 (20549 reviews)
Author: yamadashy

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.

TL;DR

Develops browser extensions using WXT framework with Manifest V3 for Chrome/Firefox/Edge.

What Is It

Uses WXT framework for browser extension development.
Supports Chrome, Firefox, and Edge with Manifest V3.
Injects Repomix button into GitHub repository pages.
Includes i18n support for 12 languages.

Key Features

Uses WXT framework with Manifest V3.
Supports multiple browsers: Chrome, Firefox, Edge.
Injects Repomix button into GitHub pages.
Includes i18n in 12 languages.
Development and build commands are defined.
Lint and test required before completion.
Background and content scripts are structured separately.
Builds output to .output/ directory.

How to Use

1.Create extension in browser/ directory with correct structure.
2.Add language files in public/_locales/[code]/messages.json.
3.Run npm run dev or dev:firefox for development mode.
4.Run npm run build-all to compile for all browsers.
5.Run npm run lint and npm run test before completion.

Guardrails & Gotchas

Must run lint and tests before completion.
Chrome/Edge use chrome.* APIs, Firefox may need polyfills.

GitHub Stats

Author

@yamadashy

Repository

yamadashy/repomix

Stars

20549

Explore More Skills

move-code-quality

@davila7

Analyzes Move language packages against the official Move Book Code Quality Checklist. Use this skill when reviewing Move code, checking Move 2024 Edition compliance, or analyzing Move packages for best practices. Activates automatically when working with .move files or Move.toml manifests.

12.4k

1.1k

1w ago

browser-extension-developer

Explore More Skills

move-code-quality

e2e-testing-patterns

testing-anti-patterns