chrome-extensions

Guide Chrome Extension development with Manifest V3 best practices.

Updated Sep 25, 2025
One-click install
npx skills add https://github.com/angelgarciasolorzano/social-hub --skill chrome-extensions-angelgarciasolorzano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-extensions
Source: https://github.com/angelgarciasolorzano/social-hub/tree/main/.agents/skills/chrome-extensions
Command: npx skills add https://github.com/angelgarciasolorzano/social-hub --skill chrome-extensions-angelgarciasolorzano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides guidance and best practices for building and publishing Chrome Extensions using Manifest V3, solving challenges related to development, debugging, and publishing processes.

Core Features & Use Cases

  • Development Best Practices: Offers guidelines on icon usage, side panel management, code execution, and CSP enforcement.
  • Debugging and Optimization: Provides tips for async/await usage, content script batching, service worker state management, and API calling.
  • Publishing: Assists with preparing extensions for the Chrome Web Store, including permissions justification, privacy policy drafting, and store listing preparation.
  • Use Case: For a developer looking to create, modify, or publish a Chrome extension, this skill provides step-by-step instructions and best practices.

Quick Start

Use the chrome-extensions skill to build a Chrome extension that displays a "Hello, World!" popup when the extension icon is clicked.

Frequently Asked Questions about chrome-extensions

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Chrome extension using Manifest V3?

To build a Chrome extension using Manifest V3, follow guidelines for icon usage, side panel management, code execution, and CSP enforcement. You must structure your project using the Chrome Extensions API and Manifest V3 syntax.

What are the best practices for debugging Manifest V3 service workers?

Debugging Manifest V3 service workers requires proper state management and API calling techniques. Use async/await for asynchronous operations and batch content scripts to optimize extension performance and resolve execution issues.

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

Publishing a Chrome extension to the Chrome Web Store requires preparing a store listing, drafting a privacy policy, and justifying requested permissions. Ensure your manifest.json complies with Manifest V3 best practices before submission.

Do I need prior API knowledge to develop Chrome extensions?

Yes, developing Chrome extensions requires existing knowledge of the Chrome Extensions API and Manifest V3 syntax. This prerequisite is necessary to implement the development, debugging, and publishing guidelines effectively.

Why does my Manifest V3 extension fail Content Security Policy enforcement?

Manifest V3 extension Content Security Policy enforcement fails when code execution violates CSP rules. Resolve this by following CSP enforcement best practices and ensuring your scripts and side panel management comply with extension security requirements.