Claude
داشبوردی با ظاهر گرم و خوانا، مناسب گفتگوهای طولانی و اسناد.
- تم گرم و ملایم
- پیشنمایش فایلها و خروجیها
- راستچین کامل
GPT
قالبهای داشبورد چت هوش مصنوعی؛ همین حالا یکی را انتخاب کنید و وارد شوید.
از طرح اولیه تا داشبورد نهایی
نوار وسط را بکشید و طرح سیاهوسفید را با داشبورد نهایی مقایسه کنید.
جای عکسها
screenshots/chat.pngscreenshots/chat-bw.png
دو داشبورد، آمادهی استفاده
هر کدام رابط، منوها و صفحات کامل خودش را دارد.
داشبورد ChatGPT
مینیمال، خنثی و تمیز
- سایدبار با گروهبندی گفتگوها، سنجاق و انتخاب چندتایی
- مودال تنظیمات ۱۴ تبه با جستجو
- رنگ تأکیدی دلخواه روی دکمهها و پیامها
- منوی حساب با زیرمنوی راهنما و کارت QR دانلود اپ
AstroTailwindRTL
ورود به داشبورد
داشبورد DeepSeek
مدرن با تأکید آبی
- سایدبار جهتآگاه: چپ در LTR و راست در RTL
- منوهای هوشمند با جایگیری پویا
- ویرایش درونخطی پیام و بازتولید پاسخ با پیجر
- بلوک کد با کپی، دانلود و اجرا
AstroTailwindRTL
ورود به داشبورد
ویژگیهای مشترک
هر چیزی که یک داشبورد چت لازم دارد.
راستچین و چپچین
سایدبار، منوها و فلشها با جهت متن هماهنگاند؛ فارسی و انگلیسی با دو مسیر جدا.
تم روشن، تیره و سیستم
انتخاب تم بدون چشمکزدن هنگام بارگذاری و با ذخیرهی انتخاب کاربر.
رنگ تأکیدی
شش رنگ؛ روی دکمهی ارسال، حباب پیام کاربر، سوییچها و همهجا اعمال میشود.
بلوک کد هوشمند
هایلایت سینتکس همراه با کپی، دانلود فایل و اجرای کد.
اقدامات روی پیام
کپی، ویرایش، بازتولید، پسند و ناپسند، و صفحهبندی پاسخها.
صفحات احراز هویت
ورود، ثبتنام، فراموشی رمز (ایمیل یا شماره، کد ۶ رقمی) و صفحهی ۴۰۴.
ابزارهای استفادهشده
سبک، مدرن و بدون وابستگی سنگین.
Astro 7
صفحات استاتیک سریع با کامپوننتهای ساده.
Tailwind CSS 4
استایلدهی سریع با کلاسهای کاربردی.
TypeScript
اسکریپتهای ماژولار و کلیدهای ترجمهی تایپشده.
وز
فونت وزیرمتن
خوانایی عالی برای متن فارسی و اعداد.
i18n · fa / en
همهی متنها در فایلهای ترجمه؛ افزودن زبان جدید ساده است.
CSS Variables
توکنهای رنگ برای تم و رنگ تأکیدی.
highlight.js
رنگآمیزی کد در بلوکهای کد.
واکنشگرا
از موبایل تا دسکتاپ؛ سایدبار در موبایل کشو میشود.
نقشهی راه
داشبوردهای بعدی که قصد ساخت آنها را داریم.
- ChatGPT
- DeepSeek
- ۱Claude
- ۲Grok
- ۳GLM
Grok
داشبوردی مینیمال، تیره و تیز با تمرکز بر پاسخهای سریع و جستجو.
- تم تیرهی پیشفرض
- نوار جستجو و منابع
- راستچین کامل
GLM
داشبوردی مدرن با رنگهای آبیبنفش و ابزارهای چندزبانه.
- ظاهر آبیبنفش
- پشتیبانی چندزبانه
- راستچین کامل
آمادهاید؟
یکی از داشبوردها را باز کنید؛ بقیه هم در راهاند.
Astro · Tailwind CSS · فارسی و انگلیسی