skills.rest
Within-7
Within-7OFFICIAL
Explore all skills by this author →
GitHub

chrome-extension-dev

Automate MV3 Chrome extension development with manifest.json, service workers, and content scripts.

Updated Aug 23, 2026
Search Tags:#security#migration#service worker#manifest.json#MV3#content script#Chrome extension
One-click install
npx skills add https://github.com/Within-7/minto-plugin-tools --skill chrome-extension-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-extension-dev
Source: https://github.com/Within-7/minto-plugin-tools/tree/main/chrome-extension-dev
Command: npx skills add https://github.com/Within-7/minto-plugin-tools --skill chrome-extension-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill provides a practical, end-to-end guide for building modern Chrome extensions using Manifest V3, helping developers structure projects, migrate from MV2, and implement secure extension components.

Core Features & Use Cases

  • MV3 architecture basics: service workers, content scripts, action API, and declarativeNetRequest integration for robust extension behavior.
  • Migration guidance: techniques for migrating from MV2 to MV3, including CSP adjustments, host_permissions, and updated permissions usage.
  • Real-world workflows: build popup UIs, background tasks, options pages, and messaging patterns between extension parts.

Quick Start

Initialize a new MV3 extension project, create a valid manifest.json, implement a service worker and content scripts, load the unpacked extension in chrome://extensions, and verify basic functionality.

Frequently Asked Questions about chrome-extension-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate my Chrome extension background script from MV2 to a Manifest V3 service worker?▼

To migrate from MV2 to a Manifest V3 service worker, update your manifest.json background entry to use service workers, adjust CSP configuration, and migrate host permissions to the new host_permissions field.

What is the best way to implement declarativeNetRequest in a Manifest V3 extension?▼

The best way to implement declarativeNetRequest in a Manifest V3 extension is to define rules in your manifest.json and use the declarativeNetRequest API to handle network requests securely without blocking web pages.

How do I set up content scripts and messaging in an MV3 Chrome extension?▼

Setting up content scripts in an MV3 Chrome extension requires declaring them in manifest.json and implementing messaging patterns between your service worker, popup UI, and content scripts to coordinate extension behavior.

How do I configure CSP and secure permissions for an MV3 extension popup?▼

Configuring CSP for an MV3 extension popup requires updating your manifest.json to enforce strict Content Security Policy rules and applying secure permission usage to restrict unnecessary host access.

Does Manifest V3 support building options pages and background tasks the same way as MV2?▼

Manifest V3 supports building options pages and background tasks, but background tasks must use service workers instead of persistent background pages, and messaging patterns must adapt to the service worker lifecycle.

Related Skills

Explore More Software Engineering Skills→
shiaho777shiaho777
5.5k

module-chrome-mv3

Scaffold a Chrome MV3 extension with manifest.json and content scripts for WebToApp's MV3 runtime.

Community
Intermediate
TwuanMinnTwuanMinn

browser-extension-builder

Design, implement, and publish MV3 cross-browser extensions for Chrome and Firefox.

Community
Advanced
KJ-devsKJ-devs

extension-dev

Build MV3 browser extensions with TypeScript for Chrome and Firefox.

Community
Advanced
Claude-Code-Community-IrelandClaude-Code-Community-Ireland
10

Browser Extension Builder

Build Chrome and Firefox browser extensions with Manifest V3.

Official
Intermediate