chrome-extension

Scaffold, debug, and publish Chrome extensions with MV3 service workers and content scripts.

Updated Oct 16, 2025
One-click install
npx skills add https://github.com/rish2jain/VisualizeIt --skill chrome-extension-rish2jain
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-extension
Source: https://github.com/rish2jain/VisualizeIt/tree/main/.claude/skills/chrome-extension
Command: npx skills add https://github.com/rish2jain/VisualizeIt --skill chrome-extension-rish2jain

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Chrome extension development can be complex, especially when integrating MV3 service workers, content scripts, and manifest configurations. This Skill provides structured guidance to scaffold, implement, debug, and publish Chrome extensions from start to finish.

Core Features & Use Cases

  • Comprehensive, official documentation-based guidance for MV3: manifest, service workers, content scripts, permissions, and publishing.
  • Step-by-step workflows for building, debugging, migrating from MV2, and distributing extensions on the Chrome Web Store.
  • Quick-start recipes and examples to scaffold a working extension and iterate rapidly.

Quick Start

Use this skill to generate a minimal MV3 extension scaffold with a manifest.json, a background service worker, and a simple content script that runs on a sample page.

Frequently Asked Questions about 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 service workers?

To build a Chrome extension with MV3 service workers, configure the manifest.json file to register a background service worker, structure your content scripts, and apply official documentation guidelines for proper permission scoping and lifecycle management.

What is the best way to scaffold a minimal MV3 Chrome extension?

Scaffolding a minimal MV3 Chrome extension involves generating a manifest.json file, a background service worker script, and a content script. Use quick-start recipes and structured workflows to establish the baseline architecture and iterate rapidly.

How do I migrate a Chrome extension from MV2 to MV3?

Migrating a Chrome extension from MV2 to MV3 requires updating the manifest configuration to use service workers instead of background pages, adjusting content script registrations, and following step-by-step debugging workflows to ensure compatibility.

How do I debug content scripts and service workers in a Chrome extension?

Debugging Chrome extension content scripts and service workers requires iterating through structured debugging steps using browser developer tools, inspecting the service worker lifecycle, and validating manifest configurations against official MV3 documentation.

What do I need to publish a Chrome extension to the Chrome Web Store?

Publishing a Chrome extension to the Web Store requires finalizing your MV3 manifest, service workers, and content scripts, then following the official distribution workflows to package and submit the browser add-on for review.

Does Chrome extension development with MV3 require background pages?

No, Chrome extension development with MV3 does not require background pages; it replaces them with service workers. Developers must configure the manifest.json to register service workers and manage background tasks accordingly.