moai-platform-chrome-extension

Develop Chrome extensions using Manifest V3 service workers and content scripts.

67|27|Updated Dec 24, 2025
One-click install
npx skills add https://github.com/modu-ai/cc-plugins --skill moai-platform-chrome-extension-modu-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moai-platform-chrome-extension
Source: https://github.com/modu-ai/cc-plugins/tree/main/.claude/skills/moai-platform-chrome-extension
Command: npx skills add https://github.com/modu-ai/cc-plugins --skill moai-platform-chrome-extension-modu-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide and reference for developing Chrome extensions using Manifest V3, simplifying the creation of secure, efficient, and feature-rich browser extensions.

Core Features & Use Cases

  • Manifest V3 Development: Covers service workers, content scripts, messaging, and Chrome APIs.
  • API Reference: Detailed information on core Chrome APIs like runtime, tabs, storage, action, scripting, and more.
  • Security Best Practices: Guidance on CSP, permissions, input validation, and XSS prevention.
  • Use Case: A developer needs to build a new Chrome extension that modifies web page content, stores user settings, and communicates with a backend API. This Skill provides all the necessary documentation and patterns to accomplish this.

Quick Start

Use the moai-platform-chrome-extension skill to learn how to create a basic Manifest V3 Chrome extension with a service worker and a popup.

Frequently Asked Questions about moai-platform-chrome-extension

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

FAQPage Schema
How do I build a Chrome extension using Manifest V3?▼

Building a Manifest V3 Chrome extension involves configuring a service worker, content scripts, and message passing within the manifest file. This architecture replaces background pages to create secure and efficient browser extensions.

How does a service worker handle chrome.* APIs in browser extensions?▼

A service worker handles chrome.* APIs by acting as the background execution environment for events, managing tabs and storage. Workers are ephemeral, terminating when idle to optimize browser extension resource usage.

What is the best way to implement message passing between a content script and a service worker?▼

The best way to implement message passing between a content script and a service worker is using the chrome.runtime messaging API. This enables asynchronous communication and data exchange across your browser extension components.

Does Manifest V3 support declarativeNetRequest for network request modification?▼

Yes, Manifest V3 supports declarativeNetRequest for network request modification. It replaces the webRequest blocking approach, allowing your browser extension to modify network requests declaratively without persistent background processes.

How do I configure the permissions model for a Chrome Web Store publishing submission?▼

To configure the permissions model for Chrome Web Store publishing, you declare required chrome.* APIs and host permissions in your manifest. Applying least privilege ensures compliance and smooth approval for your browser extension.

Why do I need a side panel in my Chrome extension?▼

You need a side panel to display persistent extension UI alongside the main webpage content. This allows users to interact with your extension's features without obscuring the primary browsing context.