Skip to content

Browser Extension Developer

Guides an agent through building and maintaining the Repomix cross-browser extension

Stars
29,118
Licence
MIT
Files
1 file

What it does

When installed, this skill gives the AI agent the project context for the Repomix browser extension: a WXT and Manifest V3 codebase that works in Chrome, Firefox and Edge and adds a Repomix button to GitHub repository pages. The agent learns the folder layout, the npm commands for dev and build runs, how the 12 translation languages are organised, and cross-browser API caveats, so it can make changes without re-reading the whole project.

Great for

  • Contributors working on the Repomix browser extension in the browser/ directory
  • Developers adding a new language or updating translations
  • Maintainers handling Chrome versus Firefox compatibility issues

Skip it if

  • Developers building unrelated browser extensions, since the instructions are specific to this repository and its WXT setup
  • Anyone expecting a standalone tool: the skill is only guidance and adds no features of its own

Try asking

  • “Add a Firefox polyfill for the storage call in the background script”
  • “Add a new Japanese-style locale following the i18n instructions”
  • “Run the lint and test steps and fix anything that fails in the content script”
Step-by-step guide: how to use Browser Extension DeveloperInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    browser-extension-developer.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip browser-extension-developer.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip browser-extension-developer.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Use it from inside the Repomix repository so the agent can find the browser/ files it describes
  • Ask the agent to run npm run lint and npm run test after changes, as the skill recommends

What's inside

  • SKILL.md

Redistributed unmodified from yamadashy/repomix under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.