Skip to content
Development
Skill

/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.

Boost this skill
@yamadashyyamadashy@yamadashy
From plugin
repomix
28k3 skills1 agent4 commands1 MCP
Install
$ npx -y skills add yamadashy/repomix --skill browser-extension-developer --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/browser-extension-developer

Context preview

The summary Claude sees to decide when to auto-load this skill.

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.

SKILL.md

browser-extension-developer.SKILL.md
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 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
Read it on GitHub ↗
Ships withrepomix

📦 Repomix is a powerful tool that packs your entire repository into a single, AI-friendly file. Perfect for when you need to feed your codebase to Large Language Models (LLMs) or other AI tools like Claude, ChatGPT, DeepSeek, Perplexity, Gemini, Gemma, Llama, Grok, and more.

Get the whole plugin
Stats
PythonTypeScriptJavaScriptBashDocker
+7 tags
LinuxGitGitHubMarkdownAnthropicGeminiMCP
28,351
Stars
1,521
Forks
Active
Maintenance
TypeScript
Language
MIT
License
2d ago
Last commit
2y ago
Created

Repo: yamadashy/repomix

In this plugin
4 commands3 skills1 agent1 MCP
See everything inside

Other skills on repomix.