AddFox
  • Русский

      • Создавайте лучшие браузерные расширенияДля разработчиков и ИИ

      Ускорьте разработку ваших браузерных расширений. На базе Rsbuild: быстро, просто, свободно.

      Начать
      pnpm create addfox-app
      Смотреть на GitHub
      bash
      $ addfox dev
      [Addfox] 0.0.1 with Rsbuild 0.4.x
      [Addfox] ● Parse config 25ms
      EntryFile
      backgroundapp/background.ts
      contentapp/content/index.ts
      popupapp/popup/index.tsx
      [Addfox] ● Rsbuild ready 136ms
      [Rsbuild] start building app\content\index.ts
      [Rsbuild] ready built in 0.08 s
      [Addfox] ● Dev server http://localhost:3000 2ms
      [Addfox] ● Extension size: 1.24 MB
      🔒chrome-extension://.../welcome.html

      Addfox + React

      Your extension is ready. Happy building!

      Для разработчиков

      Горячее обновление, поддержка нескольких браузеров и минимальная конфигурация помогут быстрее доставлять расширения.

      Молниеносный HMR

      Используйте отдельный Reloader для управления обновлениями расширения — не только быстро, но и content_script, и background получают молниеносный HMR.

      ReloaderExtensionAddfoxRsbuild

      Полноценная поддержка браузеров

      Поддерживает основные браузеры на базе Chromium и Firefox. Автоматически определяет путь установки браузера по умолчанию и запускается без конфигурации.

      ChromeFirefoxOperaBrave
      VivaldiArcYandexChromium

      Агностичность фреймворков

      Можно использовать Vanilla или фреймворки Vue, React, Preact, Svelte, Solid или React+UnoCSS.

      VueReactPreactSvelteSolid
      TypeScriptJavaScript

      Поддержка content-ui

      Предоставляет встроенный метод createContentUI для легкой интеграции Iframe, ShadowDom и нативного контента.

      https://example.com/article
      Translate
      Original
      Selected text...
      Translation
      Translated result
      EN → ZH

      Экосистема Rstack

      Встроенная поддержка Rsdoctor и Rstest для быстрого анализа сборки и unit, e2e тестирования.

      Поддержка вывода в Zip

      Автоматический вывод zip-пакета расширения при сборке для удобной установки и распространения.

      Для ИИ

      Структурированный meta, вывод ошибок в терминале и Skills — позволяют ИИ понимать и расширять ваше расширение.

      Поддержка llms.txt и markdown метаданных

      Предоставляет четкую информацию о плагине, сообщения об ошибках и prompts для помощи в разработке AI agent.

      AIllms.txtMmeta.md!error.mdAI Agent

      ИИ-дружелюбный мониторинг ошибок

      Включите вывод ошибок в терминале с помощью --debug. Получайте все сообщения об ошибках плагина без действий в браузере, удобно для прямого обращения к ИИ в любом Editor.

      bash
      $ addfox dev --debug
      error
      --- BEGIN AI PROMPT ---
      You are a frontend and browser extension development expert, proficient with the Addfox framework.
      This is an Addfox-based browser extension runtime error (MV3).
      Before proposing fixes:
      1) Read `.addfox/llms.txt` first.
      2) Apply the `addfox-debugging` skills to analyze this report (and `.addfox/error.md` / `.addfox/meta.md` if available).
      --- END AI PROMPT ---
      --- Addfox extension error ---
      bundler: rsbuild
      front-end-framework: React
      entry: content
      type: error
      time: 2026/3/21 20:58:51
      message: fff is not defined
      location: chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:2966:1
      stack:
      ReferenceError: fff is not defined
      at ./app/content/index.ts (chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:1635:45)
      at __webpack_require__ (chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:2962:29)
      at chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:4125:27
      at chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:4126:3
      ---------------------------
      --- BEGIN AI PROMPT ---
      You are a frontend and browser extension development expert, proficient with the Addfox framework.
      This is an Addfox-based browser extension runtime error (MV3).
      Before proposing fixes:
      1) Read `.addfox/llms.txt` first.
      2) Apply the `addfox-debugging` skills to analyze this report (and `.addfox/error.md` / `.addfox/meta.md` if available).
      --- END AI PROMPT ---
      --- Addfox extension error ---
      bundler: rsbuild
      front-end-framework: React
      entry: content
      type: error
      time: 2026/3/21 20:58:51
      message: fff is not defined
      location: chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:2966:1
      stack:
      ReferenceError: fff is not defined
      at ./app/content/index.ts (chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:1635:45)
      at __webpack_require__ (chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:2962:29)
      at chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:4125:27
      at chrome-extension://fbnnalickbkocmeokpogajmocmcejemg/content/index.js:4126:3
      ---------------------------

      Поддержка Skills

      Расширяемые Skills с поддержкой Agent и автоматизации.

      migrate-to-addfox
      addfox-best-practices
      extension-functions-best-practices
      addfox-debugging
      addfox-testing
      migrate-to-addfox
      addfox-best-practices
      extension-functions-best-practices
      addfox-debugging
      addfox-testing
      migrate-to-addfox
      addfox-best-practices
      extension-functions-best-practices
      addfox-debugging
      addfox-testing
      migrate-to-addfox
      addfox-best-practices
      extension-functions-best-practices
      addfox-debugging
      addfox-testing
      addfox-debugging
      addfox-testing
      addfox-best-practices
      migrate-to-addfox
      extension-functions-best-practices
      addfox-debugging
      addfox-testing
      addfox-best-practices
      migrate-to-addfox
      extension-functions-best-practices
      addfox-debugging
      addfox-testing
      addfox-best-practices
      migrate-to-addfox
      extension-functions-best-practices
      addfox-debugging
      addfox-testing
      addfox-best-practices
      migrate-to-addfox
      extension-functions-best-practices

      Слова автора

      "
      Gomi
      Gomi
      Creator of VideoRoll and AddFox
      Я Gomi, автор браузерного расширения Video Roll. Несмотря на то, что мое расширение стало избранным в Chrome Web Store и Edge с аудиторией более 35K, я все равно чувствовал неудовлетворенность при разработке. Попробовав Parcel, Vite и другие инструменты, я решил решить некоторые проблемы разработки расширений. Даже при наличии таких отличных решений как WXT и Plasmo, я решил не изобретать велосипед. Скорость Rsbuild и ИИ-дружелюбная парадигма разработки очаровали меня, и я создал Addfox.

      Часто задаваемые вопросы

      Быстрые ответы на частые вопросы о Addfox

      Да, Addfox полностью open source под лицензией MIT. Вы можете просматривать исходный код на GitHub, вносить вклад в проект или форкать его по необходимости.
      В настоящее время Addfox сосредоточен на браузерах Chromium (Chrome, Edge, Arc, Brave и др.) и Firefox. Из-за отличий в API расширений и требованиях к упаковке Safari пока не поддерживается.
      Конечно! Addfox фреймворк-агностичен и поддерживает React, Vue, Preact, Svelte, Solid, а также нативный JavaScript/TypeScript. Используйте любимый фреймворк с минимальной конфигурацией.
      WXT, Plasmo и Extension.js — отличные фреймворки, значительно продвинувшие экосистему разработки браузерных расширений. WXT принес мощь Vite и продуманную систему плагинов; Plasmo предоставил полную интеграцию облачных сервисов и отличный опыт разработки; Extension.js известен своей простотой и удобством. Addfox выбрал другой путь: построен на Rsbuild для максимальной скорости сборки; специально разработан для ИИ-ассистированной разработки с структурированными метаданными и выводом ошибок в терминал; дает максимальную гибкость через минимальные соглашения — вы можете организовывать код по своему усмотрению, наслаждаясь готовой горячей перезагрузкой и поддержкой нескольких браузеров.