skills.rest
mohamed-g-shoaib
mohamed-g-shoaibCOMMUNITY
Explore all skills by this author →
GitHub

chrome-extension-development

Guide Chrome extension development with Manifest V3 architecture and security practices.

Updated Mar 10, 2026
Search Tags:#performance#security#permissions#chrome-extension#service-worker#manifest-v3#extension-architecture
One-click install
npx skills add https://github.com/mohamed-g-shoaib/rootly --skill chrome-extension-development-mohamed-g-shoaib
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-extension-development
Source: https://github.com/mohamed-g-shoaib/rootly/tree/main/.agents/skills/chrome-extension-development
Command: npx skills add https://github.com/mohamed-g-shoaib/rootly --skill chrome-extension-development-mohamed-g-shoaib

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Chrome extension development with Manifest V3 can be error-prone and risky without clear guidelines for security, performance, and maintainability.

Core Features & Use Cases

  • Clear architecture guidance for MV3: background service workers, content scripts, popup UI, and messaging.
  • Security-focused practices: least privilege permissions, CSP, secure messaging, data handling, and secure deployment.
  • Real-world use cases including form-like extensions, content filtering, and cross-origin interactions, with recommended patterns.

Quick Start

Create a new MV3 extension project with a modular structure (popup, background service worker, content scripts) and scaffold basic permissions to begin development.

Frequently Asked Questions about chrome-extension-development

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

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

To build a secure Chrome extension using Manifest V3, apply expert guidelines for background service workers, content scripts, and popup UI with a focus on least privilege permissions and CSP.

What is the best way to structure a Manifest V3 extension architecture?▼

The best way to structure a Manifest V3 extension architecture is using a modular project layout that separates popup, background service worker, and content scripts while maintaining secure messaging patterns.

How do I configure permissions for a Chrome extension following least privilege?▼

Configuring permissions for a Chrome extension following least privilege involves scaffolding only the necessary MV3 API permissions to ensure security and maintainability during deployment.

Can I use content scripts for cross-origin interactions in MV3?▼

Yes, you can use content scripts for cross-origin interactions in MV3 by following recommended real-world patterns for data handling and secure messaging within your extension architecture.

How does a background service worker affect Chrome extension performance?▼

A background service worker affects Chrome extension performance by replacing persistent background pages, requiring optimized coding standards and tooling to maintain efficiency and compliance with MV3 APIs.

What are the steps to test and debug an MV3 extension before publishing?▼

Testing and debugging an MV3 extension before publishing involves following specific deployment workflows, applying recommended tooling, and auditing security policies to ensure compliance with Chrome Web Store requirements.

Related Skills

Explore More Software Engineering Skills→
4tikhonov4tikhonov
3

project-init

Initialize a FIRE project by detecting workspace type and generating standards templates.

Community
Basic
marduk191marduk191
9

chrome-extension

Guide MV3 Chrome extension development from scaffolding to Web Store publishing.

Community
Advanced
sayantanmandal1sayantanmandal1

claude-code-skill

Document TypeScript standards and architecture for Claude Code CLI contributors.

Community
Advanced
htafollahtafolla
5

security-audit

Audit software projects for vulnerabilities and compliance with security standards.

Community
Advanced