skills.rest
soo-kate-yeon
soo-kate-yeonCOMMUNITY
Explore all skills by this author →
GitHub

moai-platform-chrome-extension

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
One-click install
npx skills add https://github.com/soo-kate-yeon/shadowoo --skill moai-platform-chrome-extension-soo-kate-yeon
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
NITRR-OfficialNITRR-Official
4

developer-onboarding

Guide developers through CampusOS local environment setup with Node.js, pnpm, and MongoDB.

Official
Intermediate
jinwoonghongjinwoonghong

moai-platform-chrome-extension

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

Community
Advanced
jaem1n207jaem1n207
18

wxt

Build cross-browser extensions with WXT and Manifest V3.

Community
Intermediate
acaprinoacaprino
6

firefox-extension-dev

Develop Firefox WebExtensions with manifest.json and browser.* APIs.

Community
Advanced