moai-platform-chrome-extension

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

Updated Mar 14, 2026
One-click install
npx skills add https://github.com/jinwoonghong/MESAsim --skill moai-platform-chrome-extension-jinwoonghong
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-platform-chrome-extension
Source: https://github.com/jinwoonghong/MESAsim/tree/main/.claude/skills/moai-platform-chrome-extension
Command: npx skills add https://github.com/jinwoonghong/MESAsim --skill moai-platform-chrome-extension-jinwoonghong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and tooling for developing robust, secure, and performant Chrome extensions using the latest Manifest V3 standards, covering everything from service workers to publishing.

Core Features & Use Cases

  • Manifest V3 Development: Master service workers, content scripts, declarativeNetRequest, and modern Chrome APIs.
  • Extension Lifecycle Management: Understand installation, updates, and debugging.
  • Security Best Practices: Implement secure coding, CSP, and permission management.
  • Use Case: Develop a new Chrome extension to block distracting websites, manage user preferences via storage, and communicate securely between its background service worker and content scripts.

Quick Start

Use the moai-platform-chrome-extension skill to create a basic Manifest V3 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 with Manifest V3 and a service worker?

To build a Chrome extension with Manifest V3, you configure a service worker for background logic, define content scripts, and declare permissions in the manifest. This Skill provides reference guidance for setting up the project structure and implementing core extension lifecycle management.

What is the difference between a service worker and content scripts in Chrome extensions?

In Chrome extensions, a service worker runs in the background to handle browser events and chrome.* APIs, while content scripts inject directly into web pages to read or modify DOM content. This Skill explains how to configure both and establish secure message passing between them.

How do I use declarativeNetRequest to block websites in a Manifest V3 extension?

You use declarativeNetRequest in a Manifest V3 extension to define static rules that block or modify network requests without requiring persistent background scripts. This Skill covers implementing declarativeNetRequest rules to block distracting websites and manage user preferences via storage.

Does Manifest V3 support side panels and secure message passing between extension components?

Manifest V3 supports side panels and secure message passing between background service workers, content scripts, and popup interfaces. This Skill details how to implement side panels and establish secure communication channels using modern Chrome APIs and security best practices.

What are the limitations of Manifest V3 service workers compared to background pages?

Manifest V3 service workers are ephemeral and terminate when idle, unlike persistent background pages, which affects long-running tasks and state management. This Skill addresses these limitations by covering service worker configuration, lifecycle management, and secure state persistence via chrome.storage.

How do I publish a Chrome extension to the Chrome Web Store?

To publish a Chrome extension to the Chrome Web Store, you must package your Manifest V3 project, configure content security policy, and manage required permissions correctly. This Skill provides guidance on Chrome Web Store deployment and security best practices for successful publishing.