Elizaium

" اِلیزایُم "

انجامِ وظیفه‌یِ اجتماعی از طریق ارتقای سطح دانش جامعه در حوزه هوش مصنوعی

[Elizaium @Elizaium]

خیلی از سایت‌هایی که با هوش مصنوعی ساخته می‌شن، انگار از روی یه قالب تکراری اومدن.

حالا Taste Skill یه راهنمای رایگانه که به Codex، Claude Code و Cursor می‌گه چطور چیدمان، رنگ و ظاهر سایت رو بهتر بسازن تا خروجی شبیه بقیه نباشه.

با یه دستور هم نصب می‌شه.

https://t.co/WLDwi5HlsF

[Elizaium @Elizaium]

وقتی چند آیکون کنار هم کادر راهنما دارن، بسته‌شدن Tooltip قبلی و بازشدن دوباره‌ی بعدی باعث می‌شه حرکت بین گزینه‌ها تکه‌تکه به نظر برسه

ابزار Base UI اجازه می‌ده همه رو به یک Tooltip وصل کنید؛ با رفتن روی هر آیکون، فقط متن کادر با یک حرکت نرم عوض می‌شه

https://t.co/GOYf9w5OoQ

[Elizaium @Elizaium]

این پورتفولیو بدون شلوغ‌کاری، نشون می‌ده Daniel Sun چه کارهایی انجام می‌ده و سبک طراحی‌اش چیه.

پروژه‌های طراحی وب و هویت بصری رو با توضیحات کوتاه، تصاویر بزرگ و حرکت‌های ظریف کنار هم چیده؛ برای ایده گرفتن از ساختار یک پورتفولیوی مینیمال نمونه خوبیه.

https://t.co/UgZ4bN81lE

[Elizaium @Elizaium]

ابزار Interfaces یه راهنمای کاربردیه که توضیح می‌ده دکمه‌ها، فرم‌ها، آیکون‌ها، حرکت‌ها و نسخه موبایل رو چطور طراحی کنیم تا استفاده از سایت برای افراد مختلف راحت‌تر باشه.

https://t.co/mMsbPWE6CU

[Elizaium @Elizaium]

بیشتر صفحه‌های توضیح روند پروژه یا Case Study، یه صفحه بلند از متن و تصویره؛ ولی این نمونه مسیر متفاوتی رفته.

پروژه مثل یک کتاب طراحی شده و مخاطب می‌تونه محتوا رو بخونه یا به نسخه صوتی گوش بده. ایده خوبیه برای نمایش تعاملی‌تر پروژه‌ها داخل پورتفولیو.

https://t.co/grmUZHkk0J

[Elizaium @Elizaium]

برای راهنمایی مرحله‌به‌مرحله کاربر داخل اپ PanelUI یه مجموعه متن‌باز برای React Native و Expo داره که کامپوننت Tour اون، صفحه رو تیره می‌کنه و در هر مرحله فقط بخش موردنظر رو به کاربر نشون می‌ده

کدها آماده و می‌تونید مستقیم داخل پروژه تغییرشون بدید

https://t.co/UmaYLOlmP8

[Elizaium @Elizaium]

ساخت فرم ثبت‌نام فقط چیدن چندتا فیلد کنار هم نیست؛ نمایش درست خطاها، بررسی امنیت رمز عبور و وضعیت ارسال فرم هم باید درست کار کنه.

که beUI مجموعه‌ای از کامپوننت‌های آماده و قابل شخصی‌سازیه که کدشون رو مستقیم داخل پروژه استفاده می‌کنید.
https://t.co/jxwLjgnTmt

[Elizaium @Elizaium]

یه مرورگر هوش مصنوعیه که دستیارش داخل خود وب کار می‌کنه؛می‌تونه وارد سایت‌هایی بشه که حساب‌تون داخلشون بازه و کارهای چندمرحله‌ای رو همون‌جا انجام بده.

نسخه جدیدش از نظر سرعت به Chrome نزدیک شده و تقریباً دو برابر نسخه قبلی سریع‌تره.

https://t.co/atBnmH5Vha

[Elizaium @Elizaium]

برای ساخت هر دکمه، فرم یا حالت بارگذاری لازم نیست CSS رو از صفر بنویسید.

چون UIverse بیش از ۷ هزار کامپوننت آماده و متن‌باز داره؛از دکمه و فیلد ورودی گرفته تا کارت، لودر و چک‌باکس.

هرکدوم رو آنلاین می‌بینید و کدش رو مستقیم داخل پروژه استفاده می‌کنید.

https://t.co/Rz7jn7m9bx

[Elizaium @Elizaium]

ابزار Vessa راهنمای برند رو به یه صفحه زنده تبدیل می‌کنه؛
رنگ‌ها، فونت‌ها، لوگو، فایل‌ها و حتی نحوه حرکت عناصر رو یک‌جا مشخص می‌کنید و با یه لینک تحویل می‌دید.

هر تغییری هم بدید، همون لینک خودکار به‌روز می‌شه.

https://t.co/1kput0Oqr3

[Elizaium @Elizaium]

اگر Claude Code یا Codex رو برای انجام یه کار طولانی رها می‌کنید

اپ Remoko این ابزارها رو از طریق MCP به آیفون وصل می‌کنه و وقتی به تأیید شما نیاز دارن، سؤالی دارن یا اجرای کار تموم شده، براتون اعلان می‌فرسته

https://t.co/DhHbiwPDSV

[Elizaium @Elizaium]

با این پروژه متن‌باز می‌تونی ظاهر تقریباً هر سایتی رو فقط با توضیح دادن چیزی که می‌خوای تغییر بدی.

مثلاً بگی طراحی ساده و خلوت‌تر بشه، رنگ‌ها برعکس بشن یا ظاهر سایت با حال‌وهوای یک مناسبت هماهنگ بشه؛ هوش مصنوعی هم براساس توضیحت ظاهرش رو تغییر می‌ده.

https://t.co/HTUuA0SFOB

[Elizaium @Elizaium]

این قالب آماده معماری برای ساخت سایت دفتر معماری، استودیوی طراحی یا پورتفولیو، هم صفحه‌های آماده داره و هم می‌شه از چیدمانش برای معرفی پروژه‌ها و خدمات ایده گرفت

برای پیداکردنش وارد بخش Templates فریمر بشید و Verdant Architecture رو جست‌وجو کنید

رایگانه: https://t.co/gqsP669OjE

[Elizaium @Elizaium]

با Three.js میشه سایت‌های تعاملی سه‌بعدی ساخت که نور، آب‌وهوا، دوربین و مدل‌های 3D رو مستقیم داخل مرورگر کنترل می‌کنن.

این پروژه برای ساخت مدل‌ها از Claude Code و برای تکسچر و صدا از Higgsfield استفاده کرده.

Three.js: https://t.co/2GliSZEQqd

[Elizaium @Elizaium]

یک Workflow Editor برای ساخت جریان‌های کاری AI هست

به‌جای انجام مراحل به‌صورت جداگانه، می‌تونید مدل‌ها و ابزارها رو با نودها به هم وصل کنید و Workflow بسازید.

قابلیت‌هایی مثل:
اجرای موازی مراحل
پردازش صدا
ترکیب ویدئو و صدا
کنترل بهتر روی فرآیند تولید

https://t.co/KOPaqGVsar

[Elizaium @Elizaium]

ابزار https://t.co/Ql1NbyT6gc یه مرجع برای پیدا کردن جزئیات حرفه‌ای UI هست.

داخلش نمونه‌هایی از Micro Interaction، انیمیشن‌ها و Motion Patternهای اپ‌های معروف جمع شده تا برای طراحی محصول، ایده و الهام بگیرید.

https://t.co/CwPdcvRQuu

[Elizaium @Elizaium]

ابزار Paper Breakdown اجازه می‌ده بین مقاله‌های علمی جست‌وجو کنید، درباره یک یا چند مقاله سؤال بپرسید و جواب رو همراه با همون بخش مرتبط داخل PDF ببینید.

برای هر موضوع برنامه مطالعه و آزمون هم می‌سازه و می‌تونید مقاله‌ها رو برای بعد ذخیره کنید.

https://t.co/icCxyCg6wf

[Elizaium @Elizaium]

مدل جدید Cartwheel از روی یه ویدئوی معمولی، تماس پا با زمین، فشار و اصطکاک رو دقیق‌تر تشخیص می‌ده تا حرکت‌هایی مثل راه‌رفتن، پریدن و چرخیدن طبیعی‌تر دربیاد.

خروجی هم قابل ویرایشه و می‌شه وارد نرم‌افزارهای ساخت بازی و انیمیشن کرد.

https://t.co/6QYqVId3G0

[Elizaium @Elizaium]

یه مجموعه آفیس برای ویندوز و مک که ابزارهای نوشتن متن، ساخت جدول و اسلاید و ویرایش PDF رو یک‌جا میاره

که Genspark هم داخل برنامه قرار گرفته؛ می‌تونه درباره موضوع تحقیق کنه، داده‌ها رو بررسی کنه و نتیجه رو به شکل سند یا اسلاید تحویل بده

رایگانه!

https://t.co/t0GA6e2lIn

[Elizaium @Elizaium]

ابزار Refero آرشیوی از صفحه‌های واقعی محصولات معروفه. می‌تونید ببینید ثبت‌نام، قیمت‌گذاری، پرداخت و بقیه مراحل رو دقیقاً چطور طراحی کرده‌اند.

قابلیت MCP هم اجازه می‌ده ابزار کدنویسی مستقیم به همین نمونه‌ها دسترسی داشته باشه

https://t.co/EaqVOmK02R

[Elizaium @Elizaium]

@siyaheshomali https://t.co/GPoNVgXoSi
تلگرام پیام بدید لطفا
بچه‌ها راهنمایی میکنن

[Elizaium @Elizaium]

خب Remotion به ابزارهایی مثل Claude Code، Codex و Cursor یاد می‌ده چطور از روی توضیحات شما ویدیو بسازن.

کافیه صحنه‌ها، متن‌ها و نوع حرکت‌ها رو توضیح بدید؛

هوش مصنوعی کد ویدیو رو با Remotion می‌نویسه و نتیجه رو می‌سازه.
https://t.co/RmnhOEqaJo