پکیج AnimateIcons یه کلکسیون در حال توسعه از آیکون‌های متحرک و آماده‌ست. این ابزار به شما کمک می‌کنه تا بدون نیاز به طراحی صفر تا صدِ انیمیشن‌ها، ظاهر پروژه‌تون رو پویاتر و حرفه‌ای‌تر کنید.

این مجموعه مشخصاً برای اون دسته از برنامه‌نویس‌هایی طراحی شده که دوست دارن رابط کاربری (UI) پروژه‌شون حس تعاملی‌تری به کاربر بده، اما در عین حال نمی‌خوان درگیر پیچیدگی‌های اضافه‌ی کدنویسی بشن.

https://animateicons.in/

npm i @animateicons/react

@codehalics | کدهالیک

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

https://metalbear.com/blog/mirrord-chaos-testing

@codehalics | کدهالیک

‏متن‌های AI پر از عبارت‌های کلیشه‌ای و لحن مصنوعی هستن، Humanizer با بررسی ۳۵ الگوی رایج، عبارت‌های کلیشه‌ای، تکرار و لحن مصنوعی رو انسانی و طبیعی‌تر می‌کنه؛ بدون تغییر منظور اصلی.

‏این Skill رایگان و متن‌بازه و روی Claude Code، Codex و Cursor نصب می‌شه.

https://github.com/blader/humanizer

Elizaium✍️

@codehalics | کدهالیک

با نصبِ Claude-Mem، به ایجنت‌های کدنویسی حافظه دائمی می‌ده.

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

Elizaium ✍️

@codehalics | کدهالیک

با نصبِ gstack که مجموعه‌ای از Skillهاست، Claude Code و Codex شبیه تیم توسعه می‌شن: ایده رو از نظر محصول و طراحی می‌سنجه، معماری می‌چینه، کد رو بازبینی می‌کنه، با مرورگر تست می‌کنه و برای انتشار آماده می‌کنه.

github.com/garrytan/gstack

Elizaium

@codehalics | کدهالیک

یه منبع خیلی عالی برای کامپوننت‌های آماده Three.js و شیدرهای تعاملی دیدم که برای ارتقای بصری پروژه‌های وب واقعا بی‌نظیره و استفاده ازش می‌تونه حسابی به کارتون بیاد. این سایت یه مجموعه‌ی عظیم از کدهای آماده برای بک‌گراندهای سه‌بعدی، دکمه‌های متحرک، انیمیشن‌های متنی و حتی تمپلیت‌های کامل لندینگ پیج داره که می‌تونید خیلی راحت اون‌ها رو کپی کنید و مستقیم توی پروژه‌هاتون به کار ببرید. تازه بهتون Prompt هم میده که با ایجنت ها بتونین این کامپوننت هارو بسازین !

https://threeui.com

@codehalics | کدهالیک

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

https://chromewebstore.google.com/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=de

@codehalics | کدهالیک

اگر به دنبال ساخت دموهای حرفه‌ای از پروژه‌هاتون هستید و خروجی‌های جذاب و سینمایی ابزارهای پولی مثل اسکرین استودیو رو دوست دارید، حتما یه نگاه به Openvid بیندازید. این ابزار یه ویرایشگر ویدیوی اوپن سورس فوق‌العاده است که بدون نیاز به هیچ نصبی مستقیما روی مرورگر اجرا میشه و با استفاده از تکنولوژی‌هایی مثل واسم و تری‌جی‌اس بهتون اجازه میده حرکات دوربین سه‌بعدی، زوم‌های نرم و افکت‌های بلر رو روی ویدیوها اعمال کنید. یکی از قابلیت‌های خیلی کاربردیش اینه که می‌تونید رکوردهاتون رو داخل فریم مرورگرهایی مثل کروم، سافاری یا آرک قرار بدید و در نهایت یک خروجی باکیفیت تا رزولوشن 4K یا فرمت بدون پس‌زمینه به صورت کاملا لوکال بگیرید که برای پرزنت کردن محصولات نرم‌افزاری و تولید محتوا واقعا ابزار بی‌نظیریه.

https://github.com/CristianOlivera1/openvid

@codehalics | کدهالیک

پکیج MoneyPrinterTurbo یه ابزار متن‌باز باحاله که با هوش مصنوعی برات ویدیو کوتاه می‌سازه و تمام مراحل تولید محتوا رو خودش ردیف می‌کنه. فقط کافیه یه موضوع یا کلمه کلیدی بهش بدی تا داستان و سناریو رو بنویسه، تصویر و ویدیوی مناسب پیدا کنه، روش صدا و زیرنویس بذاره و موزیک زمینه‌شو تنظیم کنه. آخر سر هم یه ویدیوی آماده و باکیفیت تحویلت میده؛ تازه پنل وب، API و محیط متنی هم داره که هرجور راحتی باهاش کار کنی.

https://github.com/harry0703/MoneyPrinterTurbo

@codehalics | کدهالیک

بیا تا مشکل دیزاین رو تو وب اپ و وبسایت هایی که با ai تولید میکنی رو حل کنم!

اگر نتیجه فرانت اند های که با Ai Agent ها میزنی چنگی به دل نمیزنه دلیلش این هست که فرانت‌اند به ذوق و سلیقه نیاز داره تا شبیه یه کار شلخته نشه،خود من کل عمرم SE و Developer بودم، اون هم از نوع backend بی‌ذوقش!
ولی ui بیشتر هنرمند میخواد نه مهندسی!

راه‌حلی که پیدا کردم: جمع‌آوری ایده و ماژول از کارهای بقیه، و ساختن یه لگو از کامپوننت‌ها

منابعی که می‌تونی به ایجنت‌هات بدی:

- https://beautifului.dev
- https://beui.dev
- https://rareui.com
- https://transitions.dev
- https://ui.shadcn.com

خودم شخصا عاشق http://beautifului.dev شدم
وقتی کد کامپوننت‌ها دست ایجنت باشه، ویرایششون خیلی راحته

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

ساده‌ترین راهی که پیدا کردم برای اینکه UI/UX رو خیلی بهتر کنی بدون اینکه یه طراح خفن باشی

پیشنهادم هم این هست که این کار رو اول توی Claude design انجام بدی یا توی claude code از /design استفاده کنی که باعث میشه یک محیط دیزاین هم دراختیارت بزاره.

MAHDI S. Homeyli ✍️

@codehalics | کدهالیک

اگر مثل من عاشق استفاده از چارت ها و نمودار های خوشکل توی اپ هات هستی، این چیزی که معرفی میکنم واقعا تو یک level دیگه است یک ساعت از وقتم رو گرفت که فقط ایده بگیرم کدوم رو کجا تو چه پروژه ای اپدیت کنیم

خب MONO CHARTS بهت نمودارهای متحرک و متن‌بازِ React میده، و فقط با یه دستور نصبش می‌کنی.

https://amicro.vercel.app/mono-charts

MAHDI S. Homeyli ✍️

@codehalics | کدهالیک

اوپن‌مونتاژ (OpenMontage) استودیوی تولید ویدیو با ایجنت هوش مصنوعی

ایده اصلیش اینه که دستیار کدنویسی‌ت (مثل Claude Code یا Cursor) رو تبدیل می‌کنه به یه تیم تولید کامل. تو فقط می‌گی چی می‌خوای؛ ایجنت خودش تحقیق می‌کنه، فیلمنامه می‌نویسه، صحنه می‌چینه، تصویر و ویدیو و صدا می‌سازه، ادیت می‌کنه و خروجی نهایی رو رندر می‌گیره.

چیزایی که داره:
- بیش از ۱۲ تا پایپ‌لاین آماده (اکسپلینر، انیمیشن، تریلر سینمایی، talking head، دموی نرم‌افزار، کلیپ‌سازی از ویدیوی بلند، دوبله و لوکالایز، مستند از فوتیج رایگان، و غیره)
- بیش از ۱۰۰ ابزار (ویدیو، تصویر، TTS، موزیک، زیرنویس، lip sync، آپ‌اسکیل)
- بیش از ۷۰۰ فایل skill و دانش تولید برای هدایت ایجنت

فرق مهمش با خیلی از ابزارهای «ویدیوی AI»: فقط عکس ثابت رو انیمیت نمی‌کنه. می‌تونه از فوتیج واقعی رایگان (Pexels، Archive، NASA و غیره) کلیپ واقعی بکشه بیرون، رتبه‌بندیشون کنه، تایم‌لاین بسازه و یه ویدیوی درست‌وحسابی رندر کنه. حتی می‌تونی یه Short یا TikTok مورد علاقه‌ت رو بهش بدی و بگی «مثل این بساز، ولی درباره X».

https://github.com/calesthio/OpenMontage


Diego Jr ✍️

@codehalics | کدهالیک

بی انصاف با کانفیلیکت مرج کرده روی پروداکشن :)))))))

@codehalics | کدهالیک

بعد از اینکه اسپیس‌ایکس استارتاپ Cursor رو با قیمت فضایی ۶۰ میلیارد دلار خرید، OpenAI هم سریعاً واکنش نشون داد و اعلام کرد که قراره دسترسی کرسر به مدل‌های هوش مصنوعیش رو قطع کنه.

بلومبرگ گزارش داده اسپیس‌ایکس فقط چند روز بعد از این خرید، رفته سراغ شرکت Cognition (سازنده هوش مصنوعی برنامه‌نویس Devin). هرچند مدیرعامل این شرکت فروش رو تکذیب کرده، ولی ظاهراً مذاکراتی در جریانه تا حداقل بتونن از قدرت پردازشی و سرورهای عظیم اسپیس‌ایکس استفاده کنن.

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

به طور خلاصه تقریبا بلایی که سر توییتر اومد داره سر کرسر هم میاد !

@codehalics | کدهالیک

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

https://leaddev.com/career-development/junior-engineers-are-skipping-straight-to-architect-level-thinking

@codehalics | کدهالیک

۹۰ میلیون خط تست برای ۱۶۰ هزار خط کد: عجیب‌ترین دیتابیس دنیا که کار دو مهندسه!

اس‌کیوال‌لایت (SQLite) که سال ۲۰۰۰ توسط ریچارد هیپ موقع کار روی نرم‌افزار ناو شکن‌های نیروی دریایی ساخته شد، الان با بیش از یک تریلیون نسخه فعال پرکاربردترین دیتابیس تاریخه و آمارش خیلی از MySQL و Postgres بالاتره. برخلاف دیتابیس‌های سنتی، این ابزار اصلا سرور نداره و مستقیما اطلاعات رو با ساختار B-tree روی یه فایل تک می‌خونه و می‌نویسه و برای تراکنش‌های امن و بدون خطا هم از روش WAL استفاده می‌کنه. جالب‌ترین بخشش اینه که کل موتور دیتابیس فقط حدود ۳۰۰ کیلوبایت حجم داره و با ۱۶۰ هزار خط کد C نوشته شده اما در کمال تعجب برای تست همین کدها ۹۰ میلیون خط کد تست دارن! این یعنی یه پوشش تست صددرصدی که حتی استاندارد ایمنی نرم‌افزارهای هواپیمایی رو هم گرفته. عجیب‌تر از همه اینکه کل این پروژه به این عظمت رو فقط دو نفر مهندس به صورت تمام‌وقت نگهداری و مدیریت می‌کنن.

@codehalics | کدهالیک

بازنویسی کامل pnpm 12 با Rust؛ سریع‌تر، بهینه‌تر و بدون دردسر مایگریشن!

نسخه ۱۲ پکیج‌منیجر pnpm بالاخره پایدار شد و خبر فوق‌العاده اینه که کل این ابزار از اول با زبان Rust بازنویسی شده.

برای ارتقا هیچ نیازی به تغییر کدها یا مایگریشن ندارید! تمام دستورات، تنظیمات و ساختار فایل‌های لاک (lockfile) دقیقاً مثل نسخه ۱۱ کار می‌کنن. البته چون نسخه پیش‌فرض هنوز همون ۱۱ هست، برای نصب این آپدیت فعلاً باید از تگ next-12 استفاده کنید.

تو این نسخه تغییرات و بهینه‌سازی‌های خیلی خوبی هم اتفاق افتاده. مثلا وابستگی‌های گیت حالا به جای SSH با لینک‌های استاندارد HTTPS کار می‌کنن. سرعت پردازش گراف وابستگی‌های تو در تو ، دو تا سه برابر بیشتر شده و تو پروژه‌های سنگین حدود ۲۵ درصد رم کمتری مصرف میشه.

یه ویژگی جذاب دیگه اینه که pnpm حالا می‌تونه بقیه پکیج‌منیجرها مثل npm و Yarn و Bun رو هم براتون مدیریت کنه و یه جورایی همه‌کاره شده.

یه سری محدودیت‌های امنیتی هم برای اجرای دستورات گلوبال با دسترسی sudo اضافه شده تا امنیت کار بالاتر بره.

https://pnpm.io/blog/whats-different-in-pnpm-12


@codehalics | کدهالیک

اینو اگه بخوام توضیح بدم یعنی اینکه
دیگه نیازی نیست پکیج‌منیجرهای مختلف مثل Yarn یا Bun رو به صورت سراسری رو سیستمتون نصب کنید و درگیر تداخل نسخه‌ها بشید.

تو pnpm 12 با قابلیت pnx و سیستم واسط جدیدش، وقتی وارد پروژه‌ای بشید که برای اجرا به نسخه خاصی از یه ابزار دیگه نیاز داره، pnpm خودش خودکار فیلد مربوطه رو از فایل package.json می‌خونه، نسخه دقیق همون ابزار رو تو پس‌زمینه دانلود می‌کنه و دستورات رو تحویلش میده.

قبلاً اگه روی سیستمت Yarn نصب نبود، با زدن دستور yarn install خطای command not found می‌گرفتی و مجبور بودی بری دستی با npm i -g yarn نصبش کنی.

با pnpm 12: بدون اینکه Yarn اصلاً روی سیستمت نصب باشه، مستقیم تو ترمینال می‌نویسی

yarn install

یا مثلا حوصله نداری bun نصب کنی که یه فایل باهاش اجرا کنی مینویسی :

pnx bun index.ts

همون لحظه Bun رو موقت میاره، کدت رو اجراش می‌کنه بدون نیاز به اینکه بان نصب بشه !

@codehalics | کدهالیک


@codehalics | کدهالیک

سلام رفقا. گاهی یه راهنمایی درست تو مسیر برنامه‌نویسی می‌تونه ماه‌ها وقتمون رو سیو کنه.

همین باعث شد بخش منتورینگ کدهالیک رو راه بندازم تا بخشی از روز رو بتونم مستقیم به شما کمک کنم. هزینه‌ها رو هم حداقل ۵۰ درصد کمتر از جاهای دیگه گذاشتم که تو این وضعیت نا به سامان اقتصادی اندازه ای نباشه که به خاطر هزینش ثبت نام نکنین! اما می‌تونم بهتون قول بدم خروجی این جلسات می‌تونه مسیرتون رو کاملا تغییر بده و خیلی خوب راهنماییتون کنه.

اگر مایل بودین خوشحال میشم سری به بخش منتورینگ کدهالیک بزنین حتی برای تست این فلو میتونه به من خیلی کمک کننده باشه !

https://codehalic.ir/mentorship

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

@codehalics | کدهالیک

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

این مقاله داره راجب همین موضوع صحبت میکنه و خیلی خوبه که مطالعه اش کنین
https://strategizeyourcareer.com/p/ai-assisted-software-engineering-skills

@codehalics | کدهالیک

این روزا تقریباً روزی دو سه تا مقاله و پست می‌بینیم که همه‌شون دارن درباره ترس از اپراتور شدن برنامه‌نویس‌ها و راه‌کارهای حفظ قدرت تحلیل صحبت می‌کنن. اما بیشتر از اینکه بخوایم عجولانه دنبال راه‌حل و فرمول بگردیم، واقعیت اینه که خودِ آینده مشخص می‌کنه دقیقاً چطوری باید از هوش مصنوعی استفاده کنیم؛ حتی اگه تهش قرار باشه ما فقط یه دستیار ساده و عادی برای اون باشیم.

تمام این توصیه‌ها و چارچوب‌هایی که الان متخصص‌ها ارائه میدن، لزوماً درست از آب درنمیاد. خیلیا اصرار دارن که حتماً باید درک عمیق فنی و جزییات کد رو حفظ کنیم تا از رده خارج نشیم، اما سرعت رشد AI نشون میده که به زودی به نقطه‌ای می‌رسیم که اصلاً نیازی نباشه اون جزییات رو بدونیم. هوش مصنوعی اون‌قدر کامل و بدون خطا سیستم‌ها رو مدیریت می‌کنه که دونستن یا ندونستن منطق زیرین کد برای انسان عملاً فرقی ایجاد نمی‌کنه و قطعاً همین اتفاق هم می‌افته بنظر من !

این که مینویسن که بشینید عمیق یاد بگیرین که چی به چیه مطمینم نهایت برای یک سال آینده جواب بده این موضوع هم قطعا انقد پیشرفت میکنه که ما باید روی جنبه های دیگ ای که هنوز برامون مشخص نیست زوم کنیم !

ما واقعاً تو یه وضعیت بلاتکلیفی و عدم قطعیت مطلق نسبت به هوش مصنوعی هستیم. شاید نابودی کامل این شغل یکی از گزینه‌های محتمل باشه، شایدم اصلاً این‌طوری نشه و مسیر دیگه‌ای بره؛ واقعاً هیچی مشخص نیست. فقط اینو یادتون باشه: هر وقت کسی با قطعیت درباره آینده شغلی برنامه‌نویس‌ها و هوش مصنوعی حرف زد، بی معطلی فرار کنید! چون شک نکنید شیاده.

@codehalics | کدهالیک