Which frameworks can I use for extension UI?

The toolchain is framework-agnostic. While it supports React and Vue out of the box, it can also be used with Svelte, SolidJS, or Vanilla JavaScript.

How does it handle background tasks in Manifest V3?

The skill implements service worker patterns for background tasks, ensuring state persistence through chrome.storage since background pages are no longer persistent in V3.

Can it help with cross-browser compatibility?

Yes, it utilizes the webextension-polyfill and provides specialized build configurations for Chrome, Firefox, Edge, and Safari.

Does this skill support Manifest V3?

Yes, this skill is specifically designed for Manifest V3, covering essential changes like service workers, scripting APIs, and updated host permissions.

Can it automate extension publishing?

Yes, it includes patterns for WXT's publishing commands and GitHub Actions workflows to automate store submissions for Chrome and Firefox.

Extension Development Toolchain

Name: Extension Development Toolchain
Author: phrazzld

byphrazzld

•

Developer Tools

Architects and builds modern browser extensions using Manifest V3 and leading frameworks like WXT, Plasmo, and CRXJS.

This skill provides a comprehensive framework for developing production-grade browser extensions compatible with Chrome, Firefox, and Safari. It defaults to the WXT toolchain for a Vite-powered, framework-agnostic experience but also supports React-centric Plasmo and minimal CRXJS setups. Claude uses this skill to guide you through Manifest V3 implementation, service worker lifecycles, cross-browser communication patterns, and secure storage strategies. It ensures your extension project is built with modern developer experience (HMR, TypeScript) and includes robust CI/CD and publishing automation workflows.

Key Features

01Automated build, test, and store publishing workflows

02Framework-agnostic boilerplate setup for WXT, Plasmo, and CRXJS

03Manifest V3 pattern implementation and V2 migration guidance

04Secure communication patterns between popups, background scripts, and content scripts

052 GitHub stars

06Cross-browser compatibility for Chrome, Firefox, Edge, and Safari

Use Cases

01Creating a new cross-browser extension with React, Vue, or Svelte

02Migrating an existing extension from Manifest V2 to the secure V3 standard

03Setting up automated CI/CD pipelines for extension testing and store submission

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add phrazzld/claude-config extension-toolchain

For use in Claude.ai and ChatGPT

Download Skill