skills.rest
samber
samberCOMMUNITY
Explore all skills by this author →
Website𝕏@samuelbertheGitHub

chrome-extension

Guide MV3 Chrome extension development across manifests, messaging, and debugging.

178|15|Updated Mar 21, 2026
Search Tags:#messaging#debugging#chrome-extension#service-worker#mv3#content-script#web-accessible-resources
One-click install
npx skills add https://github.com/samber/cc-skills --skill chrome-extension-samber
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-extension
Source: https://github.com/samber/cc-skills/tree/main/skills/chrome-extension
Command: npx skills add https://github.com/samber/cc-skills --skill chrome-extension-samber

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This guide helps developers master MV3 Chrome extension development by providing comprehensive references, architecture patterns, and best practices.

Core Features & Use Cases

  • Manifest & permissions: guidance on MV3 manifest structure, required permissions, and how to scope host permissions.
  • Cross-context messaging: patterns for messaging between service workers, content scripts, and UI surfaces (popup/side panel).
  • CSP & network requests: techniques to bypass page CSP via relay, and using declarativeNetRequest for network control.
  • Workflow & debugging: recommended build, testing, and debugging workflows across MV3 extensions.
  • Reference material: access to complete reference docs for manifest-v3, messaging-rpc, service-worker, storage, and more.

Quick Start

Create a minimal MV3 scaffold and implement a basic content-script-to-service-worker message flow with a manifest and host permissions.

Frequently Asked Questions about chrome-extension

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

FAQPage Schema
How do I pass messages between a service worker and content script in a Chrome MV3 extension?▼

Cross-context messaging in a Chrome MV3 extension involves sending requests between the service worker, content scripts, and UI surfaces using standard messaging patterns and RPC structures.

What is the correct way to configure web-accessible resources and host permissions in manifest v3?▼

Manifest v3 configuration requires scoping host permissions and declaring web-accessible resources in the manifest file to securely expose extension assets to web pages.

How do I bypass Content Security Policy (CSP) restrictions for network requests in a Chrome extension?▼

You can bypass page CSP restrictions in a Chrome extension by using a relay technique or leveraging the declarativeNetRequest API to intercept and control network requests.

Why does my MV3 service worker stop running and how do I debug it?▼

MV3 service workers become inactive when idle, requiring specific debugging workflows across service worker contexts, storage, and UI surfaces to inspect lifecycle state and resolve messaging failures.

When should I use the offscreen API in a Chrome MV3 extension?▼

Use the offscreen API in an MV3 extension when performing processing tasks requiring DOM or audio capabilities that are unavailable within the service worker execution context.

Related Skills

Explore More Software Engineering Skills→
SecurityRoninSecurityRonin
1

chrome-extension-development

Build Chrome extensions with Manifest V3 architecture and testing workflows.

Official
Advanced
mwathibenmwathiben

k8s-security-policies

Implement Kubernetes NetworkPolicy, PodSecurityPolicy, and RBAC security policies.

Community
Advanced
windyskywindysky

moai-platform-chrome-extension

Creates modular, action-oriented guidance for building MV3 Chrome extensions.

Community
Advanced
FirzusFirzus
1

web-extension

Design, build, and debug browser extensions for Chromium, Firefox, and Safari.

Community
Advanced