کدهالیک | codehalic

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

@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 | کدهالیک

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

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

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

MAHDI S. Homeyli ✍️

@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 | کدهالیک

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

https://github.com/harry0703/MoneyPrinterTurbo

@codehalics | کدهالیک

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

https://github.com/CristianOlivera1/openvid

@codehalics | کدهالیک

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

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

@codehalics | کدهالیک

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

https://threeui.com

@codehalics | کدهالیک

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

github.com/garrytan/gstack

Elizaium

@codehalics | کدهالیک

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

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

Elizaium ✍️

@codehalics | کدهالیک

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

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

https://github.com/blader/humanizer

Elizaium✍️

@codehalics | کدهالیک

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

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

@codehalics | کدهالیک

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

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

https://animateicons.in/

npm i @animateicons/react

@codehalics | کدهالیک

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

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

امکانات اصلیش ایناست:
• کنترل صدای جدا برای هر اپ (مثل میکسِر ویندوز)
• مانیتور کامل سیستم (CPU، GPU، رم، دما، باتری، شبکه و مصرف انرژی)
• جلوگیری از خواب مک (Keep Awake)
• سوییچر خیلی بهتر پنجره‌ها با پیش‌نمایش زنده
• تاریخچه کلیپ‌بورد + شلف فایل‌ها
• آنینستالر تمیز اپ‌ها • و کلی ابزار دیگه مثل اسکرین‌شات پیشرفته، اسنیپت متن، ویندوز اسنپ و...
ماژولاره هم هست؛ فقط چیزایی که لازم داری رو فعال می‌کنی.
اگه مک داری، حتماً یه نگاهی بهش بنداز:
http://vorssaint.com

GOODRICH ✍️

@codehalics | کدهالیک

بچه‌ها بریم سراغ جواب اون سوال مصاحبه که قولش رو داده بودم. وقتی صحبت از استراتژی‌های کشینگ میشه، ما چند تا الگوی استاندارد داریم که بسته به سناریو و نیازمندی سیستم باید بهترینش رو انتخاب کنیم.

استراتژی اول: Cache Aside یا Lazy Loading

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

استراتژی دوم: Write Through

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


استراتژی سوم: Write Behind یا Write Back

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

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

رفرنس :

https://devscape.in/blog/caching-strategies

@codehalics | کدهالیک

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

#interview

@codehalics | کدهالیک

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

function Test () {
  return(<>
    <Text as="p">Hello</Text>
    <Text as="a" href="https://www.google.com">Google</Text>
</>)
}

https://kittygiraudel.com/2026/06/19/typed-polymorphic-react-component

@codehalics | کدهالیک

زبان G# یا همون جی‌شارپ یه زبان برنامه‌نویسی جدید و متن‌باز برای اکوسیستم دات‌نت هست که ساختارش رو از زبان گو الهام گرفته و می‌خواد برنامه‌نویسی سیستم و موبایل رو با کدهای سبک و امن راحت‌تر کنه. این زبان بهت اجازه میده سادگی و قابلیت‌های همزمانیِ گو مثل کانال‌ها رو در کنار مدل async و await دات‌نت داشته باشی و خیلی راحت از کتابخونه‌ها و پکیج‌های نوگت هم استفاده کنی. چون با دات‌نت ۸ تا ۱۰ سازگاره و خروجی‌های بسیار سبکی میده، هم برای کارهای ابری و وب‌اسمبلی عالیه و هم یه مسیر یادگیری خیلی خوب برای کساییه که می‌خوان از گو، سوئیفت یا کاتلین وارد دنیای دات‌نت بشن.

https://github.com/DavidObando/gsharp

@codehalics | کدهالیک

اگه این روزا استک پروژه تون NextJs هست و نمیدونین چه مدلی مناسب تره برای کد زدن بهتره که این بنچ مارک که توسط تیمشون انجام شده رو بهش یه نگاه بندازین اینطوری خیلی سیف تر و مطمئن تر روی مدل هایی که استفاده می کنید سرمایه گذاری می‌کنید!
بنچ مارک این موارد رو براتون به نسبت مدل شفاف میکنه:
-امتیازدهی‌ بر اساس نرخ موفقیت
-میانگین مدت‌زمان
-میانگین هزینه

https://nextjs.org/evals

Javad

@codehalics | کدهالیک

چند ماه قطعی‌های اینترنت ایران رو یادتونه؟

وسط همون روزا، یه پروژه‌ی NestJS + Prisma داشتیم که باید دیپلوی می‌شد ولی همه چی خاموش بود !

روی سیستم لوکال همه‌چی عادی بود. ولی همین که npx prisma generate رو تو Container زدیم، گیر کردیم !!
چون Prisma برای Generate کردن Client، یه Engine باینری از سرور خودش (نه npm) دانلود می‌کنه. و اون سرور رو اصلاً دسترسی نداشتیم.

یعنی یه دستور که همیشه چند ثانیه طول می‌کشید، تبدیل شد به یه مشکل واقعی که باید حلش می‌کردیم اونم بدون اینکه اینترنت بین المللی داشته باشیم.

تو این پست کامل نوشتم چطور با پیدا کردن Environment Variable درست، و آوردن Engine باینری سازگار از ریپوی خود Prisma، مشکل رو بدون نیاز به اینترنت حل کردیم:

لینک پست

@codehalics | کدهالیک