Навыки browser-extension-developer
🧩

browser-extension-developer

Безопасно ⚙️ Внешние команды🌐 Доступ к сети📁 Доступ к файловой системе

Создание кроссбраузерных расширений с WXT

Проекты браузерных расширений часто сталкиваются с проблемами кроссбраузерной совместимости и правильной настройкой интернационализации. Этот навык предоставляет четкие рекомендации по разработке расширений на базе WXT с поддержкой Chrome, Firefox и Edge с правильной структурой i18n.

Поддерживает: Claude Codex Code(CC)
📊 69 Адекватно
1

Скачать ZIP навыка

2

Загрузить в Claude

Перейдите в Settings → Capabilities → Skills → Upload skill

3

Включите и начните использовать

Протестировать

Использование «browser-extension-developer». How do I structure a WXT browser extension project?

Ожидаемый результат:

  • Создайте browser/entrypoints/ для файлов background.ts и content.ts
  • Разместите файлы i18n в browser/public/_locales/[language]/messages.json
  • Настройте WXT в browser/wxt.config.ts
  • Собранные расширения выводятся в browser/.output/chrome-mv3 и firefox-mv2

Использование «browser-extension-developer». Add Spanish locale to my extension

Ожидаемый результат:

  • Создайте папку browser/public/_locales/es/
  • Добавьте messages.json с ключами: appDescription и openWithRepomix
  • Запустите npm run build-all для пересоздания локалей
  • Протестируйте в Chrome и Firefox на совместимость

Использование «browser-extension-developer». What commands do I use for Firefox development?

Ожидаемый результат:

  • Используйте npm run dev: Firefox для живой разработки с горячей перезагрузкой
  • Firefox использует манифест MV2, а Chrome — MV3
  • Запустите npm run build:firefox для сборки под отправку в Firefox Store
  • Могут потребоваться полифиллы для API-интерфейсов, специфичных для Firefox

Аудит безопасности

Безопасно
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
Просканировано файлов
212
Проанализировано строк
3
находки
4
Всего аудитов

Факторы риска

⚙️ Внешние команды (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
🌐 Доступ к сети (1)
skill-report.json:6
📁 Доступ к файловой системе (2)
skill-report.json:6 skill-report.json:126
Проверено: claude Посмотреть историю аудитов →

Оценка качества

38
Архитектура
100
Сопровождаемость
85
Контент
22
Сообщество
100
Безопасность
91
Соответствие спецификации

Что вы можете построить

Настройка кроссбраузерного рабочего процесса

Настройка проекта расширения на базе WXT с правильными точками входа для совместимости с Chrome, Firefox и Edge.

Управление многоязычной поддержкой

Добавление новых языковых локалей в соответствии с документированной структурой i18n и обязательными ключами сообщений.

Стандартизация процесса сборки

Установка согласованных команд разработки и сборки для команды в проектах браузерных расширений.

Попробуйте эти промпты

Обзор структуры проекта 
Объясните структуру каталога browser/ для расширений WXT и где размещать фоновые скрипты, скрипты контента и конфигурационные файлы.
Добавление нового языка 
Покажите, как добавить новую языковую локаль в расширение, включая требуемую структуру папок и необходимые ключи сообщений.
Сборка для нескольких браузеров 
Какие команды собирают расширение для Chrome, Firefox и Edge, и какие ключевые различия я должен знать?
Рабочий процесс разработки 
Перечислите основные npm-команды для разработки, тестирования и линтинга браузерных расширений на базе WXT.

Лучшие практики

  • Четко разделяйте ответственность фоновых скриптов и скриптов контента
  • Обновляйте все файлы локалей при добавлении новых ключей сообщений
  • Тестируйте в Chrome и Firefox во время разработки

Избегать

  • Прямое изменение файлов в каталоге .output
  • Использование браузерных API без проверки совместимости
  • Добавление неполных файлов локалей с отсутствующими обязательными ключами

Часто задаваемые вопросы

Какие браузеры поддерживает этот навык?
Охватывает разработку расширений для Chrome, Firefox и Edge с использованием фреймворка WXT и Manifest V3.
Каковы основные ограничения?
Сосредоточен на документационных рекомендациях для проектов на базе WXT и не генерирует код или не обрабатывает отправки в магазины.
Могу ли я использовать это с существующими проектами расширений?
Да, если ваш проект следует структуре фреймворка WXT с расположением каталога browser/.
Имеет ли этот навык доступ к моему коду или данным?
Нет, он предоставляет только документационные рекомендации и не получает доступ к файлам, сети или не выполняет код.
Как устранить неполадки при сбоях сборки?
Проверьте конфигурацию npm-скриптов, настройку WXT и убедитесь, что все зависимости правильно установлены.
Чем это отличается от общих руководств по расширениям?
Сосредоточен конкретно на соглашениях фреймворка WXT и документированной структуре проекта.

Сведения для разработчиков

Автор

yamadashy

Лицензия

MIT

Репозиторий

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

Ссылка

main

Структура файлов

📄 SKILL.md