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
@yamadashyyamadashy@yamadashy
From plugin
repomix
29k3 skills1 agent4 commands1 MCP

Claude Code

$ npx -y skills add yamadashy/repomix --skill browser-extension-developer --agent claude-code

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 ↗
Stats
PythonTypeScriptJavaScriptBashDockerLinuxGitGitHubMarkdownAnthropicGeminiMCP
29,235
Stars
1,636
Forks
Active
Maintenance
TypeScript
Language
MIT
License
Last commit
Created

Repo: yamadashy/repomix

In this plugin
4 commands3 skills1 agent1 MCP
See everything inside
@yamadashy
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.

29k3 skills1 agent1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
29.1k
Star history of yamadashy/repomix on GitHub, a chart by star-history.com
See what's trending this week

Other skills on repomix.

repomix-explorer

repomix-explorer

Analyze or explore a codebase (remote or local repository) by packing it with the Repomix CLI, then reading and searching the…

repomix
@yamadashy@yamadashyInstall Skill
website-maintainer

website-maintainer

Use this skill when working on the Repomix documentation website in `website/` directory, including VitePress configuration,…

repomix
@yamadashy@yamadashyInstall Skill

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

superpowers13d311k
@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills11d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc13d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react2d252k
@facebook@facebookInstall Skill

Questions about browser-extension-developer.

Which coding agents can use browser-extension-developer?
browser-extension-developer installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.