moai-platform-chrome-extension

Name: moai-platform-chrome-extension
Availability: InStock
Author: soo-kate-yeon

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

Updated Nov 20, 2025

Search Tags:#service worker #chrome extension #content script #browser extension #manifest v3 #web store

Ready to run

npx skills add https://github.com/soo-kate-yeon/shadowoo --skill moai-platform-chrome-extension-soo-kate-yeon

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: moai-platform-chrome-extension
Source: https://github.com/soo-kate-yeon/shadowoo/tree/main/.agents/skills/moai-platform-chrome-extension
Command: npx skills add https://github.com/soo-kate-yeon/shadowoo --skill moai-platform-chrome-extension-soo-kate-yeon

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, ensuring security, performance, and adherence to platform standards.

Core Features & Use Cases

Manifest V3 Development: Covers service workers, content scripts, declarativeNetRequest, and the new permissions model.
API Integration: Detailed reference for all chrome.* APIs including storage, tabs, actions, and scripting.
UI Components: Patterns for building popups, side panels, options pages, and DevTools panels.
Security & Publishing: Best practices for CSP, input validation, and Chrome Web Store submission.
Use Case: A developer needs to create a browser extension that modifies web page content, stores user settings, and communicates with a backend API, all while ensuring it meets the latest security requirements for the Chrome Web Store.

Quick Start

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

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 migrate my Chrome extension to Manifest V3?▼

Migrating to Manifest V3 involves replacing background pages with service workers, updating API calls to the new chrome.* standards, and adjusting permissions for Chrome Web Store compliance.

How do I use content scripts to modify web page content in a Chrome extension?▼

Content scripts inject JavaScript and CSS into web pages to modify DOM elements. You configure them within the manifest to execute on specified URL matches.

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

Message passing connects your service worker and content scripts using chrome.runtime.sendMessage and chrome.tabs.sendMessage APIs to exchange JSON data asynchronously.

What are the requirements for publishing a Chrome extension to the Web Store?▼

Publishing to the Chrome Web Store requires a Manifest V3 compliant extension, proper permissions configuration, strict Content Security Policy adherence, and a developer account submission.

How do I use declarativeNetRequest instead of webRequest blocking in Manifest V3?▼

declarativeNetRequest replaces blocking webRequest by defining static JSON rules to intercept, block, or modify network requests without requiring persistent background processes.

Can I add a side panel to my browser extension using Manifest V3?▼

Yes, Manifest V3 supports side panels. You utilize the chrome.sidePanel API to display persistent UI alongside the main browser window for extended user interaction.