Browser extension framework built on Rsbuild

Addfox wraps Rsbuild (Rspack/Rstack) with extension-specific plugins; build output is loaded in Chrome or Firefox.

• 🔥 Fast dev + HMR — addfox dev watches files, rebuilds on change, and hot-reloads the extension.
• 📦 Zip on build — addfox build outputs extension files and a store-ready zip in .addfox.
• 📁 File-based entries — Auto-discovers entries from app/ (background/content/popup/options/sidepanel/devtools) with custom entry support.
• 🌐 Cross-browser targets — -b supports Chromium browsers and Firefox with browser-specific manifest overrides.
• ⚛️ Framework-agnostic — Works with Vue, React, Svelte, Solid, or vanilla (TS/JS).
• 🤖 AI-friendly debugging — --debug shows per-entry runtime errors in terminal.
• 🧪 Built-in testing flow — addfox test forwards args to Rstest for unit and e2e workflows.
• 📊 Rsdoctor reports — Add --report in dev/build to generate bundle analysis.
• 🧩 Skills integration — Supports addfox/skills via scaffold or skills add.
• 🔐 Env control — Loads .env and exposes vars via envPrefix rules.

New project:

pnpm create addfox-app
# or: npx create-addfox-app

Choose framework (Vanilla / Vue / React / Preact / Svelte / Solid), language, package manager, entries, and optional Skills. A full layout and addfox.config are generated.

Existing project:

pnpm add -D addfox

Add addfox.config.ts (or .js / .mjs) in the project root and entries under app/ (or appDir). Then:

• addfox dev — dev with watch + HMR
• addfox build — output to .addfox/extension (and optional zip)

Use -b chrome or -b firefox to target a browser.

Full docs, config reference, and examples: https://addfox.dev
Skills (AI workflow modules): https://github.com/addfox/skills