skills.rest
Harmeet10000
Harmeet10000COMMUNITY
Explore all skills by this author →
Website𝕏@Nobody_crypto_HGitHub

crxjs

Automate Chrome extension development with HMR and manifest-aware Vite build tooling.

7|1|Updated Mar 15, 2026
Search Tags:#manifest#vite#chrome-extension#web-extension#hmr#crxjs
One-click install
npx skills add https://github.com/Harmeet10000/skills --skill crxjs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: crxjs
Source: https://github.com/Harmeet10000/skills/tree/main/skills/backend/Node_Bun/crxjs
Command: npx skills add https://github.com/Harmeet10000/skills --skill crxjs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline Chrome extension development by providing true HMR and a manifest-aware workflow so developers can iterate rapidly on popup, options, content scripts, and side panels without full reloads.

Core Features & Use Cases

  • True HMR for Chrome extension components (popup, options, content scripts, side panels) with automatic reloads on code changes
  • Framework-agnostic setup via Vite plugin integration and defineManifest for type-safe dynamic manifests
  • Simplified scaffolding and incremental enhancements for existing projects when adding new features or debugging extension architecture

Quick Start

Scaffold a new CRXJS project with npm create crxjs@latest and follow the prompts to choose a framework.

Frequently Asked Questions about crxjs

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

FAQPage Schema
How do I get hot module replacement for a Chrome extension built with Vite?▼

CRXJS provides true HMR for Chrome extensions built with Vite, enabling automatic reloads on code changes across popup, options, content scripts, and side panels without full reloads.

What is the best way to scaffold a new Chrome extension project with React or Vue?▼

Scaffold a new Chrome extension project by running npm create crxjs@latest and following the prompts to choose a Vite-based framework like React, Vue, Svelte, or Vanilla.

Can I use CRXJS with an existing Vite web extension project?▼

Yes, CRXJS supports incremental enhancements for existing Vite projects, allowing you to add features or debug extension architecture while maintaining your current framework configuration.

Does CRXJS support type-safe manifests for web extension development?▼

Yes, CRXJS supports type-safe manifests for web extension development via the defineManifest function, which enables dynamic manifest generation integrated with your Vite build tooling.

Do I need Git and Node installed to develop Chrome extensions with CRXJS?▼

Yes, you need both Node and Git installed in your development environment to scaffold and run CRXJS projects for Chrome extension development.

Why does my Chrome extension content script not update during development?▼

Without manifest-aware build tooling, content scripts lack true HMR and require full reloads; CRXJS solves this by enabling dynamic content script loading and hot reload across extension components.

Related Skills

Explore More Software Engineering Skills→
Eng0AIEng0AI
15

chrome-extension-boilerplate-react-vite

Scaffold Chrome extensions with React, Vite, and TypeScript.

Official
Intermediate
desafindesafin

moai-platform-chrome-extension

Develop Chrome extensions with Manifest V3 service workers and APIs.

Community
Advanced
sambersamber
178

crxjs

Enable true hot module replacement for Chrome extensions built with Vite.

Community
Advanced
rebyteai-templaterebyteai-template
15

chrome-extension-boilerplate-react-vite

Set up a Chrome extension environment with React, Vite, and TypeScript.

Official
Basic