Chrome Extension Developer

Develop Chrome extensions from ideation to Chrome Web Store deployment.

14|1|Updated Oct 22, 2025
One-click install
npx skills add https://github.com/delorenj/skills --skill chrome-extension-developer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Chrome Extension Developer
Source: https://github.com/delorenj/skills/tree/main/chrome-extension-developer
Command: npx skills add https://github.com/delorenj/skills --skill chrome-extension-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides expert Chrome extension development guidance from ideation to Chrome Web Store deployment, covering architecture, security, APIs, and publishing.

Core Features & Use Cases

  • End-to-end extension architecture knowledge: content scripts, background, popup
  • Security-first patterns: CSP, XSS prevention, input validation
  • Chrome Web Store submission readiness: assets, privacy policy, listing optimization, documentation

Quick Start

Ask for a complete extension setup: project structure, manifest.json, and a sample content script. Then request a security review and store submission checklist.

Frequently Asked Questions about Chrome Extension Developer

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

FAQPage Schema
How do I develop a Chrome extension with Manifest V3?

Manifest V3 is Chrome's current extension architecture standard. It requires a manifest.json configuration file, content scripts for DOM interaction, background service workers instead of persistent pages, and popup interfaces. MV3 enforces stronger security policies including Content Security Policy (CSP) and removes remotely hosted code execution.

What security practices should I follow when building Chrome extensions?

Security-first patterns include implementing Content Security Policy (CSP) to block inline scripts, validating all user input to prevent XSS attacks, using secure communication between content scripts and background workers, and avoiding eval() or dynamic code execution. Store sensitive data securely and request only necessary permissions in manifest.json.

How do I submit my Chrome extension to the Web Store?

Chrome Web Store submission requires packaging your extension assets, creating a privacy policy, optimizing your listing with clear descriptions and screenshots, and ensuring compliance with store policies. The extension must be fully tested, include proper documentation, and meet security and functionality standards before deployment.

Can I migrate my Chrome extension from Manifest V2 to Manifest V3?

Yes. MV2 to MV3 migration involves replacing persistent background pages with service workers, updating manifest.json syntax, converting remotely hosted scripts to local files, and adapting deprecated APIs to their MV3 equivalents. Content script and popup logic typically require minimal changes if already following security practices.

What are the key components of a Chrome extension architecture?

Chrome extensions consist of content scripts that interact with web pages, background service workers that handle long-running logic and event listening, popup interfaces for user interaction, and a manifest.json configuration file. These components communicate via message passing and share access to Chrome APIs based on declared permissions.

How do I debug a Chrome extension effectively?

Use Chrome DevTools to inspect content scripts, background service workers, and popups. Access the Extensions Management page to view error logs. Use console.log() in service workers, set breakpoints in the debugger, and test message passing between components. Check manifest.json for permission and configuration errors that may prevent features from working.