brainless؛ رابط ایجنتهای کدنویسی بهشکل کامپوننت shadcn
ریاکت
فرانتاند
هوش مصنوعیخلاصهٔ کاملتر
brainless یه رجیستری shadcn/ui ـه که رابط سهتا ایجنت کدنویسی — Claude Code، Codex و Grok — رو بهشکل کامپوننتهای ریاکت بازسازی کرده. تو معرفی پروژه اومده که هدفش پرکردن یه خلأ مشخصه: تیمهایی که میخوان تجربهٔ یه ایجنت ترمینالی رو تو محصول وبشون نشون بدن، معمولاً یا ترمینال رو با ASCII جعل میکنن یا خروجی خام رو تو یه تگ pre خالی میکنن.
چیزی که تو رجیستری هست تکههای واقعی اون رابطهاست: هدر سشن، حباب پیام، خط thinking، بلوک فراخوانی ابزار، نمایش دیف، کامپوزر ورودی و بلوک کامل سشن. آیتمها با نامهایی مثل claude-session، codex-session، grok-session و claude-thinking منتشر شدن و بعد از نصب از مسیر کامپوننتهای خود پروژه ایمپورت میشن.
نکتهٔ فنیای که پروژه روش تأکید داره حفظ معناشناسی HTML ـه: کامپوننتها از details، listbox، radiogroup و aria-live استفاده میکنن، یعنی چیزی که میبینی فقط یه تصویر از ترمینال نیست و برای صفحهخوان هم قابلفهمه. توصیهٔ صریح سازنده اینه که این ساختار رو دوباره به متن ساده تخت نکنی.
نصبش از مسیر معمول shadcn انجام میشه؛ میتونی یه بار فضاینام رجیستری رو تو components.json ثبت کنی و بعد هر آیتم رو جدا برداری، یا مستقیم از آدرس خود آیتم نصب کنی. صفحهٔ اصلی سایت هم یه دموی زندهٔ سشن Claude Code داره که اضافهشدن یه بلوک قیمتگذاری به صفحه و دیف حاصلش رو نشون میده.
سایت علاوه بر پیشنمایش کامپوننتها و بلوکها، لینکهای «باز کردن در Claude Code» و «باز کردن در Codex» هم داره که یه پرامپت آمادهٔ معرفی کتابخونه رو مستقیم به ایجنت میدن. پروژه رو بن سوردلو (@benswerd) از تیم freestyle ساخته.
نکات کلیدی:
- رجیستری shadcn/ui با رابط Claude Code، Codex و Grok بهشکل کامپوننت ریاکت
- پوشش هدر، پیام، thinking، فراخوانی ابزار، دیف، کامپوزر و بلوک سشن
- تأکید بر دسترسپذیری با details، listbox، radiogroup و aria-live
- نصب با ابزار خط فرمان shadcn، چه با ثبت فضاینام چه از آدرس مستقیم آیتم
- دموی زنده و پیشنمایش بلوکها روی سایت پروژه
