skills.rest
CodeAtCode
CodeAtCodeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

firefox-extension

Guides developers to build Firefox WebExtensions for MV2 and MV3.

14|1|Updated Mar 9, 2026
Search Tags:#security#tooling#extension-development#mv3#firefox#webextension#mv2
One-click install
npx skills add https://github.com/CodeAtCode/oss-ai-skills --skill firefox-extension
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: firefox-extension
Source: https://github.com/CodeAtCode/oss-ai-skills/tree/main/extend/firefox-extension
Command: npx skills add https://github.com/CodeAtCode/oss-ai-skills --skill firefox-extension

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building Firefox WebExtensions can be complex due to MV2/MV3 differences, API coverage, security requirements, and submission workflows. This Skill consolidates guidance to streamline development, testing, and deployment.

Core Features & Use Cases

  • MV2 and MV3 manifests explained with example fields, permissions, background scripts, and content scripts.
  • Comprehensive API references for Firefox-specific APIs and cross-browser compatibility.
  • End-to-end workflow from local development with web-ext to AMO submission and publishing, plus best practices for security and performance.

Quick Start

Create a new Firefox extension project, configure MV2/MV3 manifests, implement a background script and content scripts, test with web-ext, and prepare for AMO submission.

Frequently Asked Questions about firefox-extension

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

FAQPage Schema
How do I build a Firefox WebExtension that works across MV2 and MV3?▼

Build a Firefox WebExtension by configuring distinct MV2 and MV3 manifests with appropriate permissions, background scripts, and content scripts. This approach provides cross-compatible extension architecture and ensures broader browser version support.

What's the best way to use Firefox-specific APIs in my WebExtension?▼

Use Firefox-specific APIs by referencing comprehensive coverage guides for cross-browser compatibility during WebExtension development. This practice achieves functional parity across different browser environments while maintaining extension features.

How do I test a Firefox extension locally with web-ext before AMO submission?▼

Test a Firefox extension locally using the web-ext tooling workflow to validate functionality before AMO submission. This process verifies extension stability and prepares the package for publishing.

Does this Firefox extension development workflow include security best practices?▼

The Firefox extension development workflow includes security best practices for manifest configurations and script implementations. This ensures secure extension development and protects against common WebExtension vulnerabilities.

What are the steps to prepare a WebExtension for AMO submission and publishing?▼

Prepare a WebExtension for AMO submission by completing local web-ext testing, configuring manifests, and applying deployment considerations. This workflow achieves successful extension publishing and public distribution.

Related Skills

Explore More Software Engineering Skills→
TbK0ngTbK0ng

trellis-bootstrap

Initialize Trellis AI workflow scaffolding with .trellis structure, memory, and CLI hooks.

Community
Intermediate
devrelaicomdevrelaicom
37

midnight-dapp-dev:midnight-sdk

Document the Midnight.js SDK for deploying and maintaining Compact contracts.

Official
Advanced
OrcaQubitsOrcaQubits
35

webmcp-polyfill

Provide a JavaScript polyfill for the navigator.modelContext API to enable WebMCP in browsers.

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

Browser Extension Builder

Build Chrome and Firefox browser extensions with Manifest V3.

Official
Intermediate