chrome-extension-wxtBuild Chrome extensions with the WXT framework and TypeScript, React, Vue, or Svelte. Use when creating browser extensions or cross-browser add-ons. Triggers on "chrome extension", "browser extension", WXT, manifest v3, or wxt.config.ts.
Install via ClawdBot CLI:
clawdbot install tenequm/chrome-extension-wxtGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/imtiger/wxt-react-shadcn-tailwindcss-chrome-extensionAudited Apr 16, 2026 · audit v1.0
Generated May 5, 2026
A developer needs to build a Chrome extension with popup, content scripts, and background service worker using React, Tailwind, and shadcn/ui. WXT provides file-based entry points and HMR for rapid iteration.
An existing Chrome extension must be ported to Firefox and Edge with minimal changes. WXT's unified build system and browser-specific configuration allow building for multiple targets from a single codebase.
A company needs a custom browser extension for internal data scraping and reporting. Using WXT, developers can create content scripts with type-safe messaging and storage for secure data handling.
A QA engineer needs to test extension UI components integrated with shadow DOM and messaging. WXT's content script UI mounting and development server enable isolated testing of React components.
Develop a premium browser extension with advanced features, sold as a one-time purchase or subscription. WXT's build tooling simplifies creating a production-ready ZIP for store submission.
Offer a free base extension with core functionality, and charge for premium features via license keys or subscriptions. WXT's storage utilities enable seamless feature gating logic.
Provide bespoke browser extension development for businesses, leveraging WXT's rapid prototyping and cross-browser support. Charge per project or hourly for custom features.
💬 Integration Tip
Leverage WXT's auto-import for components and utilities to reduce boilerplate, and use the built-in HMR for faster development iteration.
Scored Oct 6, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.