skills.rest
RepairYourTech
RepairYourTechCOMMUNITY
Explore all skills by this author →
GitHub

browser-extension-patterns

Develop Manifest V3 browser extensions across Chrome, Firefox, and Safari.

6|1|Updated Feb 27, 2026
Search Tags:#web development#service worker#chrome extension#content script#browser extension#manifest v3#firefox extension
One-click install
npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill browser-extension-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-extension-patterns
Source: https://github.com/RepairYourTech/cfsa-antigravity/tree/main/.agent/skill-library/surface/extension/browser-extension-patterns
Command: npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill browser-extension-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide and best practices for developing cross-browser compatible, Manifest V3 compliant browser extensions, ensuring reliable performance and adherence to store guidelines.

Core Features & Use Cases

  • Manifest V3 Development: Covers key changes and implementation details for MV3.
  • Content Scripts & Service Workers: Explains their roles, communication, and limitations.
  • Message Passing: Demonstrates type-safe communication patterns.
  • Storage APIs: Details usage of chrome.storage for persistent data.
  • Permissions & Cross-Browser Compatibility: Guides on requesting permissions and writing compatible code.
  • Web Store Guidelines: Outlines requirements for Chrome and Firefox stores.
  • Debugging Techniques: Provides tips for effective development and troubleshooting.

Quick Start

Use the browser-extension-patterns skill to generate a basic Manifest V3 structure for a Chrome extension.

Frequently Asked Questions about browser-extension-patterns

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

FAQPage Schema
How do I migrate my Chrome extension to Manifest V3?▼

To migrate to Manifest V3, update your manifest configuration to replace background pages with service workers and adjust content script communication. This Skill provides Manifest V3 patterns covering service worker limitations, message passing, and CSP restrictions for cross-browser compatibility.

What is the best way to write cross-browser compatible extensions for Chrome and Firefox?▼

Writing cross-browser compatible extensions involves standardizing manifest configuration and handling differences in permission management and storage APIs. This Skill details cross-browser patterns for Chrome, Firefox, and Safari, ensuring your extension adheres to respective web store guidelines.

How does message passing work between content scripts and service workers in browser extensions?▼

Message passing between content scripts and service workers uses type-safe communication patterns to exchange data across different extension contexts. This Skill demonstrates implementing robust message passing alongside managing persistent data using the chrome.storage API.

What are the content security policy (CSP) restrictions for Manifest V3 extensions?▼

Manifest V3 CSP restrictions prohibit inline scripts and remote code execution, requiring all executable logic to be bundled locally within the extension. This Skill addresses these CSP limitations and provides debugging strategies to troubleshoot related extension development issues.

How do I prepare a browser extension for web store submission?▼

Preparing for web store submission requires meeting specific permission management guidelines and structural rules outlined by Chrome and Firefox stores. This Skill outlines web store submission requirements, including permission requests and cross-browser compatibility checks.

Related Skills

Explore More Software Engineering Skills→
Reign-softwareReign-software

hytale-env-setup

Set up a Hytale plugin development environment with JDK 25 and Gradle.

Official
Intermediate
Claude-Code-Community-IrelandClaude-Code-Community-Ireland
10

Browser Extension Builder

Build Chrome and Firefox browser extensions with Manifest V3.

Official
Intermediate
jinwoonghongjinwoonghong

moai-platform-chrome-extension

Develop Chrome extensions using Manifest V3 service workers and content scripts.

Community
Advanced
ano4lano4l

app-extensions

Scaffold Share, Action, Keyboard, and Safari Web extension targets with App Groups.

Community
Advanced