addfox-debugging
Addfox Debugging
Use this skill to diagnose and resolve Addfox build/runtime issues.
When to use
addfox buildoraddfox devfails- Extension cannot load in browser
- Popup is blank or content script does not inject
- Messaging returns
undefinedor no response - Hot reload is not updating as expected
Debug workflow
- Read terminal output and identify first actionable error.
- Inspect
.addfox/error.mdand.addfox/meta.mdwhen present. - Verify
addfox.config.tsand manifest structure. - Validate entry files and resolved output paths.
- Reproduce issue in browser (
chrome://extensionsorabout:debugging).
Common fixes
- Missing plugin dependency: install the required Rsbuild plugin.
- Entry path mismatch: verify path is correct relative to
appDir. - MV2/MV3 mismatch: align manifest version with API usage.
- Service worker issues: ensure background entry exists and is bundled.
Related skills
addfox-best-practicesfor correct configuration patternsaddfox-testingfor automated regression validation
More from addfox/skills
addfox-best-practices
Best practices for building browser extensions with the Addfox framework. Use when developing extensions with Addfox, configuring manifest/entry/permissions, or when discussing MV3, cross-browser support, framework/styling choices, messaging, and content UI injection.
21extension-functions-best-practices
Best practices for implementing browser extension features across 13 categories. Reference this skill when developing video, audio, image, translation, download, userscript, AI (including Chrome built-in AI / Gemini Nano), ad-blocker, theme, email, game, password manager, or Web3 wallet features.
18addfox-testing
Test Addfox extensions with Rstest for unit/component tests and Playwright for end-to-end extension loading.
17convert-web-pages-to-browser-extensions
Convert any frontend webpage into a browser extension entry page with an HTML entry. Supports popup, options, sidepanel, devtools, newtab, bookmarks override, history override, and custom entries. Use when the user asks to migrate or adapt an existing web page into extension UI.
7migrate-to-addfox
Migrate existing browser extensions from WXT, Plasmo, Extension.js/CRXJS, or vanilla setups to Addfox with incremental validation.
5