AICSS: بلوکهای آمادهٔ UI برای ایجنتها
فرانتاند
هوش مصنوعیخلاصهٔ کاملتر
AICSS یه مجموعه کامپوننت رابط کاربری رایگانه برای اپهایی که با ایجنتهای هوش مصنوعی کار میکنن. ایدهٔ سایت سادهست: هر چیزی که یه ایجنت وسط مکالمه به کاربر نشون میده، از قبل به شکل یه بلوک آمادهٔ کپیپیست ساخته شده تا لازم نباشه هر تیم از صفر بسازتش. یعنی بهجای طراحی دوبارهٔ حالتهای تکراری، مستقیم میری سراغ منطق خود ایجنت.
کامپوننتها تو پنج دسته چیده شدن. دستهٔ فکر کردن و استدلال سه بلوک داره: Thinking State، Thinking + Reasoning و Orbs — یعنی همون حالتهایی که موقع فکر کردن مدل به کاربر نشون داده میشن. دستهٔ وضعیت ابزار و اکشن هم سهتاست: Web Search که نتایج جستوجو و منابعش رو لیست میکنه، File Diff که تغییر خطبهخط یه فایل رو نشون میده، و Image Generation.
دستهٔ خروجی متنی چهار بلوک داره: Text Response، Streaming Text، Inline Citations — یعنی وقتی وسط جمله شمارهٔ منبع میذاری و پایینش لینک منبع رو میآری — و Code Block. دستهٔ خروجی ساختاریافته سهتاست: To-do List، Data Table و Comparison Table. آخری هم AI Agent Input تو دستهٔ تعاملیه، یعنی خود جعبهٔ ورودی چت.
روی هم ۱۴ کامپوننت روی سایت هست و همهشون رایگان اعلام شدن؛ نمونههای کدی که تو صفحه نشون داده میشن هم TypeScriptان. برای تیمی که داره یه رابط چت یا ایجنت میسازه، ارزش اصلی این مجموعه اینه که حالتهای کمتر دیدهشده — مثل نشون دادن فراخوانی ابزار یا دیف فایل — رو هم پوشش داده، نه فقط حباب پیام ساده رو.
نکات کلیدی:
- ۱۴ کامپوننت آماده تو ۵ دسته: فکر کردن و استدلال، وضعیت ابزار، خروجی متنی، خروجی ساختاریافته و تعاملی
- بلوکها کپیپیستیان و رایگان اعلام شدن
- Web Search، File Diff و Image Generation وضعیت اجرای ابزار رو پوشش میدن
- Inline Citations شمارهٔ منبع رو وسط متن و لینکش رو پایین نشون میده
- نمونه کدهای صفحه با TypeScript نوشته شدن
