Name: browser-extension-developer
Author: yamadashy

Imported from yamadashy/repomix (browser/.claude/skills/browser-extension-developer/SKILL.md). Install upstream with npx skills add yamadashy/repomix --skill browser-extension-developer. Copyright stays with the author.

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

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

Install browser-extension-developer and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "yamadashy-repomix-browser-extension-developer", "kind": "skill", "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.", "publisher": "yamadashy", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "skills-sh" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "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." ], "primary": false, "metadata": { "source": { "provider": "skills.sh", "repository": "https://github.com/yamadashy/repomix", "path": "browser/.claude/skills/browser-extension-developer/SKILL.md", "ref": "HEAD", "url": "https://github.com/yamadashy/repomix/blob/HEAD/browser/.claude/skills/browser-extension-developer/SKILL.md", "key": "yamadashy/repomix/browser/.claude/skills/browser-extension-developer/SKILL.md" } }, "instructions": "# Browser Extension Developer\n\nCross-browser extension (Chrome/Firefox/Edge) using **WXT framework** with Manifest V3. Injects \"Repomix\" button into GitHub repository pages.\n\n## Structure\n\n```plaintext\nbrowser/\n├── entrypoints/ # background.ts, content.ts\n├── public/_locales/ # i18n (12 languages)\n├── wxt.config.ts # WXT configuration\n└── .output/ # Built files (chrome-mv3, firefox-mv2)\n```\n\n## Commands\n\n- `npm run dev` - Development mode (Chrome default)\n- `npm run dev:firefox` - Firefox dev mode\n- `npm run build-all` - Build all browsers\n- `npm run lint` / `npm run tes", "cost": { "context_tokens": 224 } }

browser-extension-developer

About