Astryx؛ دیزاینسیستم متنباز متا برای آدم و ایجنت
ریاکت
فرانتاندخلاصهٔ کاملتر
Astryx یه دیزاینسیستم متنبازه که هشت سال داخل متا رشد کرده و به گفتهٔ خود تیم، بزرگترین و پراستفادهترین دیزاینسیستم اون شرکته: بیش از ۱۳ هزار اپ روش سوارن و مهندسها، طراحها و تیمهای محصولی که هر روز ازش استفاده میکنن شکلش دادن. حالا این سیستم با لایسنس MIT بیرون اومده، فعلاً تو مرحلهٔ بتا، و روی React و StyleX ساخته شده.
چیزی که تحویل میده یه بستهٔ کامله: بیشتر از ۱۵۰ کامپوننت دسترسپذیر، تمبندی در سطح برند، دارکمود، قالبهای آمادهٔ استفاده و یه CLI — همه بهعنوان یه سیستم یکپارچه. مدل استفاده هم سادهست: CSS از پیش ساختهشده رو import میکنی و از کامپوننتهای تایپدار ریاکت استفاده میکنی. نه پلاگین بیلد لازمه، نه مجبوری یه کتابخونهٔ استایل جدید رو به پروژهت تحمیل کنی.
چهار چیز Astryx رو متمایز میکنه. اولی درونیات بازه: کامپوننتها طوری ساخته شدن که تو هر سطحی بشه ترکیبشون کرد، نه اینکه پشت یه API بستهٔ سطحبالا قفل باشن. بلوکهای سازنده مستقیم اکسپورت شدن و اگه لازم شد عمیقتر بری، دستور swizzle کل سورس یه کامپوننت رو میریزه تو پروژهت تا مالکش باشی.
دومی نبود قفل استایله: خود Astryx استایلهاش رو با StyleX مینویسه، ولی این برای مصرفکننده نامرئیه — میتونی با className و هر چیزی که پروژهت از قبل داره (Tailwind، CSS modules یا CSS ساده) اورراید کنی. سومی سفارشیسازی بدون wrap کردنه: یه تم فقط مجموعهای از اورراید کردن CSS custom propertyهاست، پس یه طراح میتونه بدون فورک کردن یا پیچیدن دور سورس کامپوننت، سیستم رو کاملاً مال خودش کنه.
چهارمی — و مهمترین ادعای پروژه — اینه که برای آدم و ایجنت با هم طراحی شده: API، مستندات و CLI کنار هم چیده شدن تا یه آدم و یه دستیار هوش مصنوعی از روی یه مرجع واحد و به یه شکل کد بزنن. تو بخش اصول هم نوشتن هر تغییری که Astryx رو برای AI سادهتر کرده، برای آدمها هم سادهترش کرده.
شروع کردن باهاش هم چند خط بیشتر نیست:
npm install @astryxdesign/core @astryxdesign/theme-neutral
npm install -D @astryxdesign/cliیه توصیهٔ ریز و کاربردی هم دارن: CLI رو بهصورت یه اسکریپت تو package.json تعریف کن و با npm run astryx صداش بزن. دلیلش جالبه — این کار جلوی خطاهای مسیر رو وقتی دستیارهای AI یا توسعهدهندههای تازهوارد مستقیم CLI رو صدا میزنن میگیره.
از نظر بستهبندی، پروژه چند پکیج داره: core (کامپوننتها، سیستم تم و ابزارها)، cli (مستندات کامپوننت، قالب، اسکفولد، تم و کدمود)، build (پلاگینهای بیلد StyleX) و هفت تم آمادهٔ کاملاً قابلسفارشیسازی با اسمهای بامزه: neutral، butter، chocolate، matcha، stone، gothic و y2k. معماریش هم سه لایهست: Foundations (تایپوگرافی، رنگ، لیاوت، دسترسپذیری)، Components و Patterns (راهحلهای آزموده برای صفحههای جدولی، فرمهای چندمرحلهای، الگوهای ناوبری و…).
نکات کلیدی:
- Astryx بعد از هشت سال استفادهٔ داخلی تو متا و پشتیبانی از بیش از ۱۳ هزار اپ، متنباز شده (MIT، فعلاً بتا).
- روی React و StyleX ساخته شده و بیش از ۱۵۰ کامپوننت دسترسپذیر داره.
- قفل استایل نداره؛ با Tailwind، CSS modules یا CSS ساده میشه اورراید کرد.
- تم = اورراید کردن CSS custom propertyها، بدون فورک یا wrap کردن کامپوننت.
- با swizzle میتونی سورس کامل یه کامپوننت رو بکشی تو پروژهت.
- API، مستندات و CLI عمداً طوری طراحی شدن که آدم و ایجنت AI یه جور باهاش کار کنن.
