Habilidades browser-extension-developer
🧩

browser-extension-developer

Seguro ⚙️ Comandos externos🌐 Acceso a red📁 Acceso al sistema de archivos

Construir extensiones multiplataforma con WXT

Los proyectos de extensiones de navegador a menudo tienen problemas con la compatibilidad multiplataforma y la configuración adecuada de internacionalización. Esta habilidad proporciona orientación clara para el desarrollo de extensiones basadas en WXT que soportan Chrome, Firefox y Edge con una estructura i18n adecuada.

Soporta: Claude Codex Code(CC)
📊 69 Adecuado
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

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

Resultado esperado:

  • Crear browser/entrypoints/ para archivos background.ts y content.ts
  • Colocar archivos i18n en browser/public/_locales/[idioma]/messages.json
  • Configurar WXT en browser/wxt.config.ts
  • Las extensiones compiladas se generan en browser/.output/chrome-mv3 y firefox-mv2

Usando "browser-extension-developer". Add Spanish locale to my extension

Resultado esperado:

  • Crear carpeta browser/public/_locales/es/
  • Añadir messages.json con claves: appDescription y openWithRepomix
  • Ejecutar npm run build-all para regenerar las localidades
  • Probar en Chrome y Firefox para compatibilidad

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

Resultado esperado:

  • Usar npm run dev:firefox para desarrollo en vivo con hot reload
  • Firefox usa manifiesto MV2 mientras Chrome usa MV3
  • Ejecutar npm run build:firefox para construir para envío a tienda Firefox
  • Es posible que se necesiten polyfills para APIs específicas de Firefox

Auditoría de seguridad

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
Archivos escaneados
212
Líneas analizadas
3
hallazgos
4
Auditorías totales

Factores de riesgo

⚙️ 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
🌐 Acceso a red (1)
skill-report.json:6
📁 Acceso al sistema de archivos (2)
skill-report.json:6 skill-report.json:126
Auditado por: claude Ver historial de auditorías →

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
85
Contenido
22
Comunidad
100
Seguridad
91
Cumplimiento de la especificación

Lo que puedes crear

Configurar flujo de trabajo multiplataforma

Configurar un proyecto de extensión basado en WXT con puntos de entrada adecuados para compatibilidad con Chrome, Firefox y Edge.

Gestionar soporte multidioma

Añadir nuevas localidades de idiomas siguiendo la estructura i18n documentada y las claves de mensajes requeridas.

Estandarizar proceso de construcción

Establecer comandos consistentes de desarrollo y construcción para el equipo en proyectos de extensiones de navegador.

Prueba estos prompts

Resumen de estructura del proyecto 
Explica la estructura del directorio browser/ para extensiones WXT y dónde colocar los scripts de fondo, scripts de contenido y archivos de configuración.
Añadir nuevo idioma 
Muéstrame cómo añadir una nueva localidad de idioma a la extensión, incluyendo la estructura de carpetas requerida y las claves de mensajes necesarias.
Construir para múltiples navegadores 
Qué comandos construyen la extensión para Chrome, Firefox y Edge, y cuáles son las diferencias clave que debo conocer?
Flujo de trabajo de desarrollo 
Lista los comandos npm esenciales para desarrollar, probar y hacer linting de extensiones de navegador basadas en WXT.

Mejores prácticas

  • Mantener responsabilidades claramente separadas entre scripts de fondo y de contenido
  • Actualizar todos los archivos de localidades al añadir nuevas claves de mensajes
  • Probar tanto en Chrome como en Firefox durante el desarrollo

Evitar

  • Modificar archivos en el directorio .output directamente
  • Usar APIs específicas del navegador sin verificaciones de compatibilidad
  • Añadir archivos de localidades incompletos con claves requeridas faltantes

Preguntas frecuentes

Qué navegadores soporta esta habilidad?
Cubre el desarrollo de extensiones para Chrome, Firefox y Edge usando el framework WXT y Manifest V3.
Cuáles son las limitaciones principales?
Se enfoca en orientación de documentación para proyectos basados en WXT y no genera código ni maneja envíos a tiendas.
Puedo usar esto con proyectos de extensiones existentes?
Sí, si tu proyecto sigue la estructura del framework WXT con un diseño de directorio browser/.
Esta habilidad accede a mi código o datos?
No, solo proporciona orientación de documentación y no accede a archivos, red ni ejecuta código.
Cómo soluciono fallos de construcción?
Revisar la configuración de scripts npm, configuración de WXT y asegurar que todas las dependencias estén correctamente instaladas.
Cómo se diferencia esto de tutoriales generales de extensiones?
Se enfoca específicamente en las convenciones del framework WXT y la estructura de proyecto documentada.

Detalles del desarrollador

Autor

yamadashy

Licencia

MIT

Repositorio

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

Ref.

main

Estructura de archivos

📄 SKILL.md