Skills
.Work. You
Rest

chrome-extension-development

Official

Build secure Chrome extensions quickly (MV3).

Software Engineering#messaging#testing#security#chrome-extension#MV3#content-script#sidepanel
AuthorSecurityRonin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Chrome extension development is complex under Manifest V3, requiring careful architecture, security considerations, and modern APIs. This skill provides guidelines and patterns to build, test, and maintain MV3 extensions reliably.

Core Features & Use Cases

  • Project structure & build: recommended source/public layout with MV3 compliant config, background/service worker, side panel, content scripts, and MV3 configuration best practices.
  • Messaging, storage & sidepanel patterns: robust patterns for inter-page communication, storage usage, and a persistent UI component.
  • SPA navigation handling & testing: strategies to detect SPA URL changes and ensure UI stays in sync across navigation, with testing setups using Vitest.

Quick Start

Create a new MV3 extension skeleton, configure Vite/rollup build, implement background, content, and side panel scripts as described.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: chrome-extension-development
Download link: https://github.com/SecurityRonin/ronin-marketplace/archive/main.zip#chrome-extension-development

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.