AIKraft/AI/Войти
AIKraft/Skills/Разработка расширений Chrome

Разработка расширений Chrome

Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.

mindrally official Разработка

Что делает навык

Навык предоставляет экспертные руководства по разработке расширений Chrome на базе Manifest V3, охватывая JavaScript/TypeScript, API браузеров и современные практики веб-разработки. Он помогает решать задачи по созданию, отладке и публикации расширений, обеспечивая безопасность и производительность.

Когда применять

  • Создание расширений браузера с нуля, включая настройку структуры проекта и manifest.json.
  • Разработка popup UI и реализация взаимодействия между popup, content scripts и фоновым сервис-воркером.
  • Настройка разрешений, управление состоянием через chrome.storage и публикация в Chrome Web Store.
  • Отладка расширений с использованием Chrome DevTools и тестирование через chrome://extensions.

Как работает

  1. Инициализировать проект: создать структуру каталогов с manifest.json, фоновым сервис-воркером, content scripts и файлами popup.
  2. Настроить manifest.json: определить разрешения, совпадения для content scripts, регистрацию сервис-воркера и настройки action в формате Manifest V3.
  3. Реализовать фоновый сервис-воркер: настроить слушатели событий для жизненного цикла расширения, обмена сообщениями и будильников через chrome.* API.
  4. Создать content scripts: написать скрипты для взаимодействия с DOM, обмена сообщениями с фоновым воркером через chrome.runtime.sendMessage и соблюдения CSP.
  5. Создать popup UI: разработать HTML/CSS и подключить интерактивность к фоновому воркеру и content scripts.
  6. Добавить хранение данных: использовать chrome.storage.local или chrome.storage.sync для сохранения настроек пользователя.

Примеры запросов агенту

Как создать минимальное расширение Chrome на Manifest V3 с фоновым сервис-воркером?
Настройте manifest.json для расширения, требующего доступа к вкладкам и локальному хранилищу.
Напишите content script, который взаимодействует с DOM страницы и отправляет сообщения в фоновый воркер.

Описание составлено по SKILL.md навыка, сверено 06.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «chrome-extension-development» из репозитория: # https://github.com/mindrally/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r chrome-extension-development/ ~/.claude/skills/chrome-extension-development/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.