wxt

Develop cross-browser web extensions with TypeScript for MV2 and MV3.

Updated Jan 28, 2026
One-click install
npx skills add https://github.com/newkub/skills --skill wxt-newkub
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wxt
Source: https://github.com/newkub/skills/tree/main/lib-wxt
Command: npx skills add https://github.com/newkub/skills --skill wxt-newkub

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a streamlined framework for developing web extensions using TypeScript, automating common tasks and enforcing best practices.

Core Features & Use Cases

  • Multi-browser Support: Develop extensions compatible with Chrome, Firefox, Edge, and Safari.
  • MV2 & MV3 Compatibility: Build for both Manifest V2 and V3 standards.
  • Fast Development: Features like Hot Module Replacement (HMR) and auto-imports accelerate the development cycle.
  • Use Case: You need to create a browser extension that modifies the UI of a specific website. This Skill helps you set up the project structure, define content scripts, and manage the build process efficiently.

Quick Start

Use the wxt skill to initialize a new web extension project.

Frequently Asked Questions about wxt

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

FAQPage Schema
How do I build a web extension with TypeScript that supports both MV2 and MV3?

You can build a web extension supporting both MV2 and MV3 by using a framework designed for cross-browser compatibility. It automates manifest generation and project setup, allowing you to target multiple manifest versions from a single TypeScript codebase.

Can I develop a browser extension that works across Chrome, Firefox, and Safari?

Yes, you can develop a browser extension for Chrome, Firefox, Safari, and Edge by utilizing a framework with multi-browser support. It standardizes the build process to ensure your extension functions correctly across different browser environments.

What is the best way to set up content scripts for a web extension?

The best way to set up content scripts is by using a framework that supports file-based entrypoints. This approach organizes your project structure efficiently and manages script injection automatically during the build process.

Does this web extension framework work with modern frontend tooling and HMR?

Yes, the web extension framework works with modern frontend tooling and includes Hot Module Replacement (HMR). This accelerates the development cycle by instantly reflecting code changes in the browser without requiring a full reload.

How do I automate the publishing process for a browser extension?

You can automate the publishing process for a browser extension by utilizing built-in automated publishing workflows. These tools handle the deployment steps required to publish your extension to various browser stores.

Do I need to manually import APIs when developing a browser extension?

No, you do not need to manually import APIs because the framework features auto-imports. This automatically provides necessary functions and types, accelerating development and reducing boilerplate code in your TypeScript project.