wxt-browser-extensions

Apply 49 performance and maintainability rules across 8 categories to WXT browser extensions.

193|17|Updated Jan 16, 2026
One-click install
npx skills add https://github.com/pproenca/dot-skills --skill wxt-browser-extensions-pproenca
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wxt-browser-extensions
Source: https://github.com/pproenca/dot-skills/tree/main/skills/.experimental/wxt-browser-extensions
Command: npx skills add https://github.com/pproenca/dot-skills --skill wxt-browser-extensions-pproenca

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive set of best practices and rules to optimize the performance and maintainability of WXT browser extensions, addressing critical areas from service worker lifecycles to TypeScript patterns.

Core Features & Use Cases

  • Performance Optimization: Offers 49 rules across 8 categories to improve extension speed and efficiency.
  • Best Practices: Covers service worker management, content script injection, messaging, storage, bundling, manifest configuration, UI performance, and TypeScript patterns.
  • Use Case: When developing a new WXT browser extension, consult this Skill to ensure adherence to best practices for critical areas like service worker lifecycle and content script injection, preventing common performance pitfalls.

Quick Start

Apply the wxt-browser-extensions skill to review the performance of your WXT browser extension code.

Frequently Asked Questions about wxt-browser-extensions

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

FAQPage Schema
How do I optimize my WXT browser extension's service worker lifecycle?

To optimize the WXT service worker lifecycle, apply rules for managing state persistence and preventing premature termination. Following these rules ensures efficient background task execution and maintains extension responsiveness without unnecessary restarts.

What is the best way to handle content script injection in WXT?

The best way to handle content script injection in WXT involves adhering to specific optimization rules for targeted delivery. This approach prevents performance bottlenecks by ensuring scripts load efficiently only when and where required within the browser environment.

How do I reduce bundle size in a WXT browser extension?

Reducing bundle size in a WXT browser extension requires applying specific bundle optimization rules. These rules guide you through efficient dependency management and code splitting, resulting in faster load times and improved extension performance.

Does this WXT optimization guide cover TypeScript patterns for browser extensions?

Yes, this WXT optimization guide covers TypeScript patterns for browser extensions. It provides specific rules to enhance type safety and maintainability, ensuring your extension codebase remains robust and easier to debug during development.

Why is my WXT browser extension messaging causing performance issues?

WXT browser extension messaging causes performance issues when not following established messaging rules. Implementing efficient messaging patterns reduces overhead and prevents background script blocking, ensuring smooth communication between content and background scripts.