chrome-extensions

Develop and debug Chrome extensions using Manifest V3 and the Chrome Extensions API.

Updated May 22, 2026
One-click install
npx skills add https://github.com/aki77/chrome-nanofill --skill chrome-extensions-aki77
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-extensions
Source: https://github.com/aki77/chrome-nanofill/tree/main/.claude/skills/chrome-extensions
Command: npx skills add https://github.com/aki77/chrome-nanofill --skill chrome-extensions-aki77

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill assists with the development, modification, debugging, and understanding of Chrome extensions, providing comprehensive guidance on Manifest V3 best practices and Chrome Extensions API integration.

Core Features & Use Cases

  • Development Guidance: Offers rules and guidelines for building production-quality Chrome extensions.
  • API Integration: Explains how to integrate Chrome browser UI with various APIs like declarativeNetRequest, omnibox, context menu, and service workers.
  • Debugging Help: Provides best practices and patterns for debugging Chrome extensions.
  • Understanding Chrome Extensions: Offers insights into the Chrome Extensions API and how to leverage it effectively.
  • Use Case: Imagine you want to create a Chrome extension that captures screenshots of web pages. Use this Skill to understand the required permissions, file structure, and code patterns needed for such an extension.

Quick Start

Use the chrome-extensions skill to learn how to create a Chrome extension from scratch and publish it to the Chrome Web Store.

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 best practices?

To build a Chrome extension with Manifest V3, follow production guidelines for file structure, required permissions, and Chrome Extensions API integration. This ensures secure and performant extension development.

How do I use service workers in Chrome extension development?

Service workers in Chrome extension development handle background events and API integration using Manifest V3. They replace persistent background pages, requiring specific best practices for lifecycle management and debugging.

What is the best way to integrate the declarativeNetRequest API in a Chrome extension?

The best way to integrate the declarativeNetRequest API is by following Manifest V3 patterns for network request modification. This approach provides secure, performant browser UI integration without requiring persistent background scripts.

How do I debug a Chrome extension following best practices?

Debug a Chrome extension by applying specific patterns for service workers and the Chrome Extensions API. Understanding the extension development lifecycle and API usage helps identify and resolve performance and security issues effectively.

Do I need to know JavaScript and HTML to create Chrome extensions?

Yes, creating Chrome extensions requires knowledge of JavaScript, HTML, and CSS. Familiarity with the Chrome Extensions development environment and Manifest V3 is also necessary to build and publish production-quality extensions.