chrome-extension-development

Guide Chrome extension development under the Manifest V3 framework.

4|Updated Jan 27, 2026

Search Tags:#typescript #javascript #extension #chrome #manifest-v3 #browser-api

Ready to run

npx skills add https://github.com/k97/dock-tile --skill chrome-extension-development-k97

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: chrome-extension-development
Source: https://github.com/k97/dock-tile/tree/main/website/.claude/skills/chrome-extension-development
Command: npx skills add https://github.com/k97/dock-tile --skill chrome-extension-development-k97

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complexity of adhering to Manifest V3 standards, ensuring that Chrome extension development remains secure, performant, and compliant with modern browser architecture.

Core Features & Use Cases

Manifest V3 Compliance: Provides architectural patterns for service workers, content scripts, and popup management.
Security & Performance: Offers best practices for implementing Content Security Policies (CSP) and optimizing resource usage to prevent memory leaks.
Use Case: A developer building a productivity extension can use this Skill to correctly structure background service workers and implement secure messaging between the popup and content scripts.

Quick Start

Use the chrome-extension-development skill to review my current manifest.json file for compliance with Manifest V3 security requirements.

Frequently Asked Questions about chrome-extension-development

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

FAQPage Schema

How do I migrate my Chrome extension background scripts to Manifest V3 service workers?▼

To migrate background scripts to Manifest V3 service workers, you must replace persistent background pages with event-driven service workers. This Skill provides architectural patterns for structuring service workers, ensuring your extension remains compliant with modern Chrome browser architecture.

What is the best way to implement secure messaging between popup and content scripts in a Chrome extension?▼

Secure messaging between popup and content scripts requires strict validation and adherence to Content Security Policies (CSP). This Skill offers best practices for implementing CSP and secure message passing to prevent vulnerabilities in your Chrome extension.

Does this Chrome extension development guidance support TypeScript?▼

Yes, this Chrome extension development guidance fully supports TypeScript. It requires adherence to modern JavaScript and TypeScript standards for developing and maintaining extensions under the Manifest V3 framework.

How do I optimize Chrome extension performance to prevent memory leaks in service workers?▼

To optimize Chrome extension performance and prevent memory leaks, you must carefully manage service worker lifecycles and resource usage. This Skill provides performance optimization best practices to ensure high-performance extension operation.

Why does my Manifest V3 extension fail the Content Security Policy (CSP) review?▼

Manifest V3 extensions fail CSP reviews due to non-compliant resource loading or inline scripts. This Skill helps review your manifest.json file and implement correct Content Security Policies to pass security requirements.

Can I use this Skill to add internationalization to an existing Chrome extension?▼

Yes, you can use this Skill to add internationalization to an existing Chrome extension. It covers the full extension lifecycle, including architecture design and implementing internationalization features under Manifest V3.