moai-platform-chrome-extension

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

Updated Feb 2, 2026
One-click install
npx skills add https://github.com/CJ-1981/excel-processor --skill moai-platform-chrome-extension-cj-1981
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-platform-chrome-extension
Source: https://github.com/CJ-1981/excel-processor/tree/main/.claude/skills/moai-platform-chrome-extension
Command: npx skills add https://github.com/CJ-1981/excel-processor --skill moai-platform-chrome-extension-cj-1981

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and tools for developing, debugging, and publishing modern Chrome extensions using Manifest V3, streamlining the browser extension development lifecycle.

Core Features & Use Cases

  • Manifest V3 Development: Covers service workers, content scripts, messaging, and Chrome APIs.
  • Debugging & Publishing: Includes guides on troubleshooting, Chrome Web Store submission, and updates.
  • Use Case: A developer needs to build a new Chrome extension that modifies web page content and syncs data across devices; this Skill provides the necessary API references, architectural patterns, and publishing checklists.

Quick Start

Use the moai-platform-chrome-extension skill to generate a basic Manifest V3 Chrome extension structure.

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?

To build a Chrome extension with Manifest V3, configure a service worker for background logic, define content scripts for web page manipulation, and declare required chrome.* APIs and permissions in your manifest file.

What is the difference between service workers and content scripts in browser extensions?

Service workers handle background events and extension lifecycle in Manifest V3, while content scripts directly read and modify the DOM of web pages. Message passing connects these isolated components.

How do I set up message passing between a content script and a service worker?

Set up message passing by using chrome.runtime.sendMessage from your content script and chrome.runtime.onMessage listeners in your service worker to exchange data and trigger background processing.

Can I use declarativeNetRequest to modify network requests in Manifest V3?

Yes, you can use declarativeNetRequest in Manifest V3 to block or modify network requests. It replaces the webRequest blocking approach, enforcing stricter permissions and enhancing extension security.

What are the steps to publish a Chrome extension to the Chrome Web Store?

To publish a Chrome extension, zip your Manifest V3 project directory, register developer credentials, upload the package to the Chrome Web Store, and submit for review using the publishing checklist.

Why does my Manifest V3 service worker become inactive and stop processing events?

Manifest V3 service workers become inactive to optimize browser performance. To handle this, persist critical state using chrome.storage and register alarms to wake the service worker for scheduled tasks.