moai-platform-chrome-extension

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

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

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 the latest Manifest V3 standards, simplifying complex browser extension development.

Core Features & Use Cases

  • Manifest V3 Development: Expert knowledge on service workers, content scripts, messaging, and Chrome APIs.
  • Chrome Web Store Publishing: Covers packaging, submission, and best practices for store visibility.
  • Use Case: Develop a new Chrome extension to block distracting websites, manage user preferences, and publish it to the Chrome Web Store.

Quick Start

Use the moai-platform-chrome-extension skill to create a basic Manifest V3 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 build a Chrome extension using Manifest V3?

Manifest V3 Chrome extensions require configuring service workers, content scripts, and message passing using chrome.* APIs. Defining permissions in the manifest file ensures secure execution and simplifies complex browser extension development.

How does a service worker handle background tasks in Manifest V3?

A service worker handles background tasks in Manifest V3 by intercepting and routing events through the chrome.* APIs. It replaces persistent background pages, managing message passing and extension logic efficiently to ensure robust and performant browser extension execution.

What is the best way to implement message passing between a content script and a service worker?

The best way to implement message passing between a content script and a service worker is using the chrome.* APIs for messaging. This mechanism facilitates direct communication, allowing your browser extension to coordinate webpage interactions with background logic seamlessly.

Can I use declarativeNetRequest to block distracting websites in a Chrome extension?

Yes, you can use declarativeNetRequest to block distracting websites in a Chrome extension. Manifest V3 supports this API for network request manipulation, allowing you to manage user preferences and implement content blocking securely without persistent background processes.

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

To package and publish a Chrome extension to the Chrome Web Store, finalize your Manifest V3 configuration and submit the extension following store best practices. This process covers packaging requirements, submission steps, and visibility optimization for your browser extension.