این Kage یه نمونه جالب از ترکیب Three.js و AI Coding هستش؛ یه لندینگ‌پیج که هر بخشش با اسکرول، کاربر رو داخل یه دنیای 3D حرکت میده.

کل پروژه با کد و Three.js کمتر از 1MB حجم داره و با تصاویر PNG باکیفیت هم حدود 3MB میشه.

جالب‌تر اینکه Skillهای استفاده‌شده برای ساختش هم Open Source شدن:

• build-threejs-scroll-worlds
• falling-leaves
• pointer-trail-emitter

دموی پروژه:
mengto.github.io/kage

کد لندینگش:
github.com/MengTo/kage

اسکیل هاش:
github.com/MengTo/skills


@Linuxor

من هر روز کلی پیام راجع به اینترنت 5G از اپراتورا می‌گیرم ولی توی ایران درباره اینترنت 5G حرف زدن خنده داره چون همچی فیلتره و باید فیلترشکن نصب کنی شما چه پراید داشته باشی چه بوگاتی توی جاده خاکی جفتشون یه سرعت می‌رن

@Linuxor

اگه با Claude Code یا Cursor کدنویسی می‌کنی، این ریپو یه Skill جالب برای ساخت لندینگ‌پیج داره.

به‌جای اینکه فقط بگی یه لندینگ بساز، اول اطلاعات لازم رو ازت می‌گیره و بعد ساختار، conversion copy و سیستم بصری صفحه رو خودش در نظر می‌گیره.

حتی می‌تونی design values مثل فونت، رنگ، spacing و motion رو خودت شخصی‌سازی کنی.

github.com/elayadesign/ai-design-skills

@Linuxor

می‌دونیم SVG یه نوع فرمت عکس هستش که به‌جای ذخیره کردن پیکسل‌ها، شکل و اجزای تصویر رو با کد و مسیرهای ریاضی ذخیره می‌کنه؛ برای همین هرچقدر هم بزرگش کنی کیفیتش خراب نمی‌شه. مثلا لوگوها، آیکون‌ها و بعضی تصویرهای گرافیکی رو معمولا با SVG می‌سازن،


این سایته یه ویرایشگر برای SVG هستش دقت کنید یکم ویرایش کردنش از عکس های عادی سخت تره چون خصوط مسیر های ریاضی هستن

editor.method.ac

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

@Linuxor

ایده برای تتو.

@Linuxor ~ خزعلی

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

اگه روشن‌فکرا باهاش مخالفت نکنن حتی‌ممکنه اشتراک های پرهزینه مثل پرمیوم هم رایگان بدن به کاربرا چون گردش مالی تبلیغات خیلی بالاست.

@Linuxor

این یه پروژه اوپن سورسه برای ساخت یه ابزار مدیریت پروژه شبیه Linear هستین، Circle رو ببینین

یه UI تمیز و مدرن که با Next.js، TypeScript، Tailwind CSS، shadcn/ui و Zustand ساخته شده و کلی ایده خوب برای ساخت اپ‌های پیچیده و data-heavy توش هست.

از مدیریت Issue و Project گرفته تا Status، Priority، Assignee و Label؛ همه‌چی با یه طراحی مینیمال و نزدیک به تجربه Linear پیاده‌سازی شده.

به نظرم بیشتر از اینکه یه محصول آماده باشه، یه ریفرنس خیلی خوب برای یادگیری و شروع یه Project Management SaaS خودتونه.

github.com/ln-dev7/circle

@Linuxor

اینستاگرام و تیک‌تاک حتی رباتام معتاد کردن

@Linuxor

اگه آنتی گراویتی بخاطر تحریما براتون توی ایران کار نمی‌کنه یه روسی اومده براش یه اسکریپت پچ برای دور زدنش نوشته
دقت کنید اگر کار نکرد روش تغییر ریجن هم باید تست کنید (این) همچنین با وی پی ان هم باید تست کنید این پچ فقط جلوی چک های داخلی آنتی گراویتی رو می‌گیره.

github.com/AvenCores/open-antigravity-patcher

@Linuxor

من همیشه نظرم اینه از تکنولوژی و استارتاپ های خارج و غرب کپی کنید چون اونا جلوتر از ما هستن و کپی حلاله! ولی بعضی مواقع یه سری چیزا متفاوته مثلا توی خارج ایران یه سایت موزیک داشته باشی معمولا از یوزرا پول اشتراک می‌گیری اما این سیستم توی ایران کار نمی‌کنه که هیچ برعکسم هست یعنی خواننده ها میان به سایت ها پول میدن تا اهنگشون منتشر بشه😁


@Linuxor

ابزار Liquid Metal یه کامپوننت React هست که دور دکمه‌ها، آیکن‌ها و برچسب‌ها حاشیه متحرکی شبیه فلز صیقلی می‌سازه.

نور روی لبه‌ها حرکت می‌کنه و حتی می‌تونه بازتابش رو روی عناصر کناری نشون بده.

رنگ و ظاهرش قابل تنظیمه و با تم روشن و تاریک هم کار می‌کنه.

metal.jakubantalik.com

@Linuxor ~ Elizaium

علی‌بابا بالاخره مدل Wan 2.2 Animate 14B رو روی Hugging Face منتشر کرد.

این مدل کاملاً متن‌باز و رایگان هستش و می‌تونه از قابلیت Video-to-Video استفاده کنه؛ یعنی شما یه ویدیوی آماده بهش می‌دی و مدل می‌تونه همون حرکت‌ها و اجرای داخل ویدیو رو حفظ کنه، ولی ظاهر، شخصیت یا سبک تصویر رو تغییر بده.

یکی از قابلیت‌های جذابش Motion Transfer یا انتقال حرکت هستش. یعنی مثلاً یه نفر توی یه ویدیو راه می‌ره، می‌رقصه یا یه حرکت خاص انجام می‌ده؛ شما می‌تونی ظاهر اون حرکت رو روی یه شخصیت یا تصویر دیگه منتقل کنی، بدون اینکه لازم باشه از اول اون انیمیشن رو بسازی.

برای تست آنلاین هم می‌تونین از این اسپیس استفاده کنین:

huggingface.co/spaces/hugging-apps/wan2-2-animate-2-14b

@Linuxor

یه شوخی توی آمریکا مد شده بود می‌رفتن توی فروشگاه ها عکس یه حیون رو با هوش مصنوعی می‌ساختن و خدمه فروشگاه هارو می‌ترسوندن؛ حالا به نفر واقعا یه خوک برده توی فروشگاه و خدمه باور نمی‌کنه می‌گه این AI هستش 😁


@Linuxor

اگه برای ساختن لودر ها دیگه ایده‌ای نداری، یه نفر Text Streaming، In-line Loaderها و Image Loaderها رو به‌صورت متن‌باز منتشر کرده. همشون هم رایگانن.

https://generativeloaders.com

برای نصبش هم کافیه اینو اجرا کنی:

npm install generative-loaders

@Linuxor

نمودار تعداد کاربرای هوش مصنوعی ها از 2022 تا الان! چت جی پی تی از 99 درصد رسید به 46 درصد.

@Linuxor

بچه پولدارای کانال، می‌دونستین کلاد می‌تونه آیفونتون رو کنترل کنه؟ این ویدیو رو ببینید

github.com/ShawnPana/phone-harness

همونطور قبلا هم اشاره کردیم به این جور ابزار ها می‌گن هارنس harness که معنیش توی انگلییسی می‌شه اون تسمه ای که می‌ندازن دور سگ و اسب باهاش مهارش می‌کنن و جلوی هاری (هارنس) اش رو می‌گیرن توی هوش مصنوعی هم همینطوره جلوی هاری هوش مصنوعی رو با دادن و محدود کردنش به یه سری ابزارها می‌گیره😁

@Linuxor

این ابزارم جدیدا ترند شده 50 هزار ستاره گیتهاب گرفته، Strix یه Pentester مبتنی بر AI هستش.

یعنی به‌جای اینکه خودت بشینی مرحله‌به‌مرحله یه اپلیکیشن رو تست امنیتی کنی، چندتا Agent هوش مصنوعی بهش میدی که سعی کنن مثل یه هکر واقعی با اپلیکیشن کار کنن، باگ پیدا کنن و بعد مهم‌تر از اون، بررسی کنن که آیا واقعاً قابل Exploit شدن هست یا نه

نکته‌ی مهمش اینه که فقط نمیگه: اینجا SQL Injection وجود داره.

بلکه سعی می‌کنه واقعاً Exploit رو اجرا و Validate کنه و برای Finding، Proof-of-Concept و مراحل بازتولید ارائه بده. این یکی از تفاوت‌های اصلیش با خیلی از Static Scannerها هستش.


https://github.com/usestrix/strix


@Linuxor

این سایتم کلی ایده جمع آوری کرده برای دیزاین (البته چون سایت جدیده تعدادش کمه ولی به مرور زیاد می‌شه):

www.inspora.design

‌@Linuxor

شاید بخندید ولی توی طراحی حرفه ای اونقدری به جزییات اهمیت می‌دن که اصلا باورتون نمی‌شه برای مثال وقتی روی دکمه تغییر تم (شب و روز) توی برنامه ‌تون کلیک می‌کنید از دید طراحا یهویی از مشکی به سفید تغییر کنه یکم زشته برای همین ترنزیشن های خاصی برای این کار ساختن!

فرض کن توی سایتت یه دکمه داری برای تغییر شب به به روز به‌جای اینکه صفحه یهو از سفید به مشکی تغییر کنه، می‌تونی کاری کنی که مثلا:

یه دایره از محل کلیک کاربر باز بشه و تم جدید رو نشون بده
صفحه با بلور عوض بشه
یه Polygon از یه طرف صفحه وارد بشه
کل صفحه Fade بشه
صفحه Scale بشه و تم جدید رو نمایش بده

transition-kit.space

@Linuxor

این یه لیست فوق‌العاده بزرگ از UI Blockها، کامپوننت‌ها و الگوهای طراحی هستش که برای تک‌تک‌شون یه پرامپت آماده برای AI هم داره.
هر چیزی رو خواستین پرامپتش رو کپی کنین و بدین به AI Coding Agentت، یا حتی مستقیم کدش رو بردار و شروع کن به ساختن.

دیگه لازم نیست 20 دقیقه وقت بذاری و از صفر برای AI توضیح بدی دقیقاً چه UIای می‌خوای!

برای دولوپرها، دیزاینرها و هر کسی که با کمک AI داره UI می‌سازه، واقعاً عالیه :)

21st.dev/community/components

@Linuxor