moai-platform-chrome-extension

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and tools for developing robust, secure, and performant Chrome extensions using Manifest V3, streamlining the entire development lifecycle from setup to publishing.

Core Features & Use Cases

  • Manifest V3 Development: Covers service workers, content scripts, messaging, and Chrome APIs.
  • API Reference: Quick access to essential Chrome APIs like storage, tabs, runtime, and scripting.
  • Security Best Practices: Emphasizes CSP, permissions, and secure coding patterns.
  • Publishing Workflow: Guides through packaging, store submission, and update management.
  • Use Case: Develop a new Chrome extension to enhance a website's UI, manage user data securely, and publish it to the Chrome Web Store.

Quick Start

Use the moai-platform-chrome-extension skill to create a basic Manifest V3 extension with a service worker and a content script.

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?

To build a Chrome extension with Manifest V3, configure a service worker for background logic and use content scripts for webpage interaction. This Skill guides you through setting up the manifest file and implementing core extension architecture.

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

Service workers handle background events and chrome.* API calls in Manifest V3, while content scripts read and modify webpage DOM directly. This Skill helps you implement both components and establish message passing between them.

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

Publishing to the Chrome Web Store requires packaging your Manifest V3 extension, configuring permissions, and submitting it for review. This Skill provides the complete workflow from store submission to update management.

Can I use declarativeNetRequest and side panels in Manifest V3?

Yes, Manifest V3 supports declarativeNetRequest for network request modification and side panels for supplementary UI. This Skill covers implementing these APIs alongside essential ones like storage, tabs, and runtime.

What security best practices should I follow for Chrome extension development?

Chrome extension security requires strict Content Security Policy (CSP), minimal permissions, and secure coding patterns. This Skill emphasizes configuring permissions properly and following secure development practices for Web Store approval.

How do I pass messages between a service worker and a content script?

Message passing between service workers and content scripts uses the chrome.runtime API to send and receive events. This Skill facilitates implementing messaging architecture to coordinate actions across your extension components.