Habilidades browser-extension-developer
🧩

browser-extension-developer

Seguro ⚙️ Comandos externos🌐 Acesso à rede📁 Acesso ao sistema de arquivos

Crie extensões cross-browser com WXT

Projetos de extensões de navegador frequentemente lutam com compatibilidade entre navegadores e configuração adequada de internacionalização. Esta skill oferece orientação clara para desenvolvimento de extensões baseadas em WXT, suportando Chrome, Firefox e Edge com estrutura i18n adequada.

Suporta: Claude Codex Code(CC)
📊 69 Adequado
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "browser-extension-developer". How do I structure a WXT browser extension project?

Resultado esperado:

  • Create browser/entrypoints/ for background.ts and content.ts files
  • Place i18n files in browser/public/_locales/[language]/messages.json
  • Configure WXT in browser/wxt.config.ts
  • Built extensions output to browser/.output/chrome-mv3 and firefox-mv2

A utilizar "browser-extension-developer". Add Spanish locale to my extension

Resultado esperado:

  • Create folder browser/public/_locales/es/
  • Add messages.json with keys: appDescription and openWithRepomix
  • Run npm run build-all to regenerate locales
  • Test in Chrome and Firefox for compatibility

A utilizar "browser-extension-developer". What commands do I use for Firefox development?

Resultado esperado:

  • Use npm run dev:firefox for live development with hot reload
  • Firefox uses MV2 manifest while Chrome uses MV3
  • Run npm run build:firefox to build for Firefox store submission
  • Polyfills may be needed for Firefox-specific APIs

Auditoria de Segurança

Seguro
v4 • 1/17/2026

This skill contains only documentation files with no executable code, network calls, or filesystem access. The static analysis flagged markdown code fences and JSON content as security issues, but evaluation confirms these are false positives. SKILL.md provides guidance for WXT-based browser extension development.

2
Arquivos analisados
212
Linhas analisadas
3
achados
4
Total de auditorias

Fatores de risco

⚙️ Comandos externos (11)
skill-report.json:16 skill-report.json:17 SKILL.md:3 SKILL.md:12-18 SKILL.md:18-22 SKILL.md:22-23 SKILL.md:23-24 SKILL.md:24-25 SKILL.md:25 SKILL.md:25-31 SKILL.md:31-35
🌐 Acesso à rede (1)
skill-report.json:6
📁 Acesso ao sistema de arquivos (2)
skill-report.json:6 skill-report.json:126
Auditado por: claude Ver Histórico de Auditoria →

Pontuação de qualidade

38
Arquitetura
100
Manutenibilidade
85
Conteúdo
22
Comunidade
100
Segurança
91
Conformidade com especificações

O Que Você Pode Construir

Configurar fluxo de trabalho cross-browser

Configure projeto de extensão baseado em WXT com entrypoints adequados para compatibilidade com Chrome, Firefox e Edge.

Gerenciar suporte a múltiplos idiomas

Adicione novos locales de idioma seguindo a estrutura i18n documentada e as chaves de mensagem obrigatórias.

Padronizar processo de build

Estabeleça comandos consistentes de desenvolvimento e construção para projetos de extensões de navegador.

Tente Estes Prompts

Visão geral da estrutura do projeto 
Explique a estrutura do diretório browser/ para extensões WXT e onde colocar scripts de segundo plano, scripts de conteúdo e arquivos de configuração.
Adicionar novo idioma 
Mostre-me como adicionar um novo locale de idioma à extensão, incluindo a estrutura de pastas necessária e as chaves de mensagem obrigatórias.
Build para múltiplos navegadores 
Quais comandos constroem a extensão para Chrome, Firefox e Edge, e quais são as principais diferenças que devo saber?
Fluxo de trabalho de desenvolvimento 
Liste os comandos npm essenciais para desenvolver, testar e fazer linting de extensões de navegador baseadas em WXT.

Melhores Práticas

  • Mantenha responsabilidades de scripts de segundo plano e conteúdo claramente separadas
  • Atualize todos os arquivos de locale ao adicionar novas chaves de mensagem
  • Teste tanto no Chrome quanto no Firefox durante o desenvolvimento

Evitar

  • Modificar arquivos no diretório .output diretamente
  • Usar APIs específicas do navegador sem verificações de compatibilidade
  • Adicionar arquivos de locale incompletos com chaves obrigatórias ausentes

Perguntas Frequentes

Quais navegadores esta skill suporta?
Cobre desenvolvimento de extensões para Chrome, Firefox e Edge usando o framework WXT e Manifest V3.
Quais são as principais limitações?
Foca em orientação de documentação para projetos baseados em WXT e não gera código ou lida com submissões para lojas.
Posso usar isso com projetos de extensões existentes?
Sim, se seu projeto seguir a estrutura do framework WXT com layout de diretório browser/.
Esta skill acessa meu código ou dados?
Não, apenas fornece orientação de documentação e não acessa arquivos, rede ou executa código.
Como resolvo falhas de build?
Verifique a configuração de scripts npm, setup do WXT e certifique-se de que todas as dependências estão instaladas corretamente.
Como isso difere de tutoriais gerais de extensões?
Foca especificamente nas convenções do framework WXT e na estrutura de projeto documentada.

Detalhes do Desenvolvedor

Autor

yamadashy

Licença

MIT

Repositório

https://github.com/yamadashy/repomix/tree/main/.claude/skills/browser-extension-developer

Referência

main

Estrutura de arquivos

📄 SKILL.md