How does it handle communication between extension components?

The skill provides standardized messaging patterns using chrome.runtime.onMessage and sendMessage to bridge the gap between popups, background service workers, and content scripts.

Does it help with Chrome Web Store publishing?

Yes, it includes guidance on minimizing permissions, following store policies, and properly configuring your manifest to streamline the review and publishing process.

Can I build cross-browser extensions with this skill?

Yes, the patterns provided follow the WebExtensions API standard, allowing you to maintain a unified codebase that works across Chrome, Firefox, Edge, and Brave.

Does this skill support Manifest v2?

This skill focuses specifically on Manifest v3 (MV3), the modern standard for Chrome and Firefox extensions, to ensure long-term compatibility, security, and performance.

Browser Extension Builder

Name: Browser Extension Builder
Author: claudiodearaujo

byclaudiodearaujo

•

生产力与工作流

Builds production-grade browser extensions for Chrome and Firefox using modern Manifest v3 architecture.

The Browser Extension Builder skill equips Claude with the architectural knowledge and implementation patterns required to create robust, cross-browser extensions. It covers the entire development lifecycle, from setting up Manifest v3 configurations and background service workers to injecting sophisticated UI elements via content scripts and managing persistent storage. This skill emphasizes security best practices, performance optimization, and compliance with Web Store policies, helping developers transform simple scripts into professional browser tools that are ready for distribution.

主要功能

01Asynchronous storage management with Chrome Storage APIs

02Secure UI injection and DOM manipulation patterns

03Manifest v3 (MV3) compliant architecture and templates

04Cross-browser compatibility for Chrome, Firefox, and Edge

051 GitHub stars

06Bi-directional communication between popups, background scripts, and content scripts

使用场景

01Developing productivity tools that enhance specific web applications

02Migrating legacy Manifest v2 extensions to the modern Manifest v3 standard

03Building browser-based automation tools with content script injection

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro browser-extension-builder

For use in Claude.ai and ChatGPT

Download Skill