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

•

개발자 도구

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.

주요 기능

Automated build, test, and store publishing workflows
Framework-agnostic boilerplate setup for WXT, Plasmo, and CRXJS
Manifest V3 pattern implementation and V2 migration guidance
Secure communication patterns between popups, background scripts, and content scripts
2 GitHub stars
Cross-browser compatibility for Chrome, Firefox, Edge, and Safari

사용 사례

Creating a new cross-browser extension with React, Vue, or Svelte
Migrating an existing extension from Manifest V2 to the secure V3 standard
Setting up automated CI/CD pipelines for extension testing and store submission

소개

주요 기능

Automated build, test, and store publishing workflows
Framework-agnostic boilerplate setup for WXT, Plasmo, and CRXJS
Manifest V3 pattern implementation and V2 migration guidance
Secure communication patterns between popups, background scripts, and content scripts
2 GitHub stars
Cross-browser compatibility for Chrome, Firefox, Edge, and Safari

사용 사례

Creating a new cross-browser extension with React, Vue, or Svelte
Migrating an existing extension from Manifest V2 to the secure V3 standard
Setting up automated CI/CD pipelines for extension testing and store submission