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.