Addfox: فریمورک سریع و هوشمصنوعیپسند برای ساخت افزونههای مرورگر
فرانتاند
هوش مصنوعی
جاوااسکریپتخلاصهٔ کاملتر
Addfox یه فریمورک متنباز (MIT) برای ساخت افزونههای مرورگره که روی Rsbuild بنا شده. سازندهاش Gomi هست — همون کسی که افزونه Video Roll رو با بیش از ۳۵ هزار کاربر روی Chrome و Edge ساخته. بعد از اینکه با Parcel، Vite و ابزارهای مشابه کار کرد و از تجربهشون راضی نبود، تصمیم گرفت Addfox رو بسازه. هدف اصلی: سرعت بیشتر در بیلد و توسعهای که با AI راحتتر کار کنه.
از نظر سرعت، Addfox تو بنچمارکها جلوتر از رقباشه — زمان استارت dev server حدود ۲.۰۴ ثانیه در مقابل ۳.۳۹ ثانیه Plasmo، و زمان بیلد حدود ۱.۵۱ ثانیه در مقابل ۲.۸ ثانیه Plasmo. یه سیستم Hot Module Replacement اختصاصی به اسم Reloader داره که هم content_script و هم background رو پشتیبانی میکنه. علاوه بر این، بیلد نهایی رو بهصورت خودکار به فایل .zip تبدیل میکنه که توزیع افزونه رو راحتتر میکنه.
یکی از جالبترین ویژگیهای Addfox، پشتیبانی ویژه از AI هست. با اجرای addfox dev --debug، تمام خطاهای رانتایم افزونه بههمراه یه پرامپت آماده برای AI مستقیم تو ترمینال نشون داده میشن — بدون نیاز به DevTools مرورگر:
$ addfox dev --debug error
--- BEGIN AI PROMPT ---
You are a frontend and browser extension development expert, proficient with the Addfox framework.
...
--- END AI PROMPT ---
message: fff is not defined
location: chrome-extension://.../content/index.js:2966:1این یعنی میتونی خطا رو مستقیم به AI توی ادیتورت بدی و جواب بگیری. Addfox همچنین فایلهای llms.txt، meta.md و error.md تولید میکنه که اطلاعات ساختاریافتهای درباره پروژه به AI agent میده. Skills هم یه سیستم قابل گسترشه که agent رو برای کارهایی مثل دیباگ، تست، مهاجرت و best practices راهنمایی میکنه.
نکات کلیدی:
- ساخته شده روی Rsbuild — سریعترین dev server در بین ابزارهای مشابه
- پشتیبانی از Chrome، Edge، Arc، Brave، Firefox؛ فعلاً بدون Safari
- Framework-agnostic: React، Vue، Preact، Svelte، Solid، Vanilla JS
- HMR پیشرفته برای هر دو content script و background
- خروجی خودکار به فرمت ZIP برای توزیع آسان
- طراحیشده برای کار با AI: خطاها، متادیتا و Skills ساختاریافته
- کاملاً متنباز تحت لایسنس MIT
