Does this skill support Manifest V2?

This skill focuses specifically on Manifest V3, providing patterns for service workers, host permissions, and scripting APIs required by the current Chrome standards.

How does it handle SPA navigation issues?

It includes specialized logic for extension context validation and content script re-initialization to prevent common 'Extension context invalidated' errors on single-page applications.

Can I use this for Firefox extension development?

While the skill uses Chrome-specific terminology, many of the architectural patterns for storage, messaging, and content scripts are compatible with the cross-browser WebExtensions API.

Does it include testing configurations?

Yes, it provides guidance for unit testing extension logic with Vitest and implementing end-to-end browser testing using Playwright.

Chrome Extension Expert

Name: Chrome Extension Expert
Author: SecurityRonin

bySecurityRonin

0•

Automatización de Navegadores

Accelerates the development of Chrome extensions using Manifest V3, modern build systems, and robust architectural patterns.

This skill provides comprehensive guidance for building high-performance Chrome browser extensions compliant with Manifest V3 standards. It solves common architectural challenges such as managing source-to-distribution workflows with Vite, implementing resilient content scripts for modern SPAs, and creating sophisticated floating panel UIs with integrated state management and drag-and-drop capabilities. By providing battle-tested patterns for secure message passing, background service workers, and cross-context communication, it ensures your extension is both performant and maintainable across complex web environments.

Características Principales

01Optimized Vite build system architecture for extension bundling

02Floating panel and Sidepanel API implementation guides

03Secure message passing between background, content, and UI scripts

04Resilient content script lifecycle handling for dynamic web apps

05Manifest V3 migration and security-first configuration patterns

060 GitHub stars

Casos de Uso

01Scaffolding a new Manifest V3 extension with TypeScript and Vite integration

02Building complex sidepanel interfaces with synchronized extension storage

03Implementing a persistent floating UI that survives page navigations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add securityronin/ronin-marketplace chrome-extension-development

For use in Claude.ai and ChatGPT

Download Skill