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

یکی از جاهایی که واقعاً می‌تونی تفاوت ایجاد کنی طراحی و تجربه کاربریه.

kree8.studio

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

خیلی وقتا برنده شدن با اضافه کردن ۲۰ تا قابلیت جدید نیست؛ با اینه که همون کار قبلی رو خیلی بهتر انجام بدی.

UI قشنگ کاربر رو میاره داخل؛
UX خوب باعث میشه بمونه.

پرامپت‌ها، ابزارهای AI، آموزش‌ها و چیزایی که اینجا کامل جا نمیشن رو تو کانال تلگرام می‌ذاریم

💬💬📷Codecloude.ir | کــــــد کلاد 🍃🧡

🔥 مدل رایگان و متن باز YuE2 / جایگزین Suno

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

یعنی قبل از خروجی نهایی می‌تونی روی ساختار موسیقی کنترل داشته باشی؛ چیزی که برای ادیت و نسخه‌سازی خیلی مهمه.
از اون طرف خروجی پیش‌فرضش استریو ۴۸ کیلوهرتزه و مدل عمومی فعلیش هم YuE2-3B هست.

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

طبق بنچمارکی که خود پروژه منتشر کرده، تنظیم Best-of-8 این مدل روی WildSongBench میانگین 6.9632 گرفته و سازنده‌ها میگن در همون ارزیابی با مدل‌های Suno رقابت می‌کنه. البته این عدد مربوط به پروتکل ارزیابی خودشونه و بهتره به‌عنوان نتیجه همون بنچمارک دیده بشه، نه حکم قطعی درباره کیفیت همه خروجی‌ها. برای اجرای پیشنهادی خود پروژه بهتره لینوکس، پایتون 3.12 و یه کارت گرافیک انویدیا با پشتیبانی BF16 و حدود 24GB VRAM داشته باشی.

⚙️لینک پروژه:
https://github.com/multimodal-art-projection/YuE
💬دموی پروژه:
https://map-yue2.github.io/


💬💬📷Codecloude.ir | کــــــد کلاد 🍃🧡

🔥⚠️ یه مدل رایگان دیگه و کاملا OpenSource که میتونه جایگزین ElevenLabs 3.0 بشه

اسم این مدل VoiceStudio که خیلی از کارهای صوتی رو مستقیم روی سیستم خودت انجام میده. یعنی بدون اکانت، بدون API Key، بدون اشتراک ماهانه و بدون اینکه فایل‌های صوتیت الزاماً برن روی سرویس‌های ابری. GitHub

باهاش می‌تونی:
- صدا Clone کنی
- ویدیوها رو دوبله کنی
- صدا رو به متن تبدیل کنی
- متن رو به صدا تبدیل کنی
- داستان و کتاب صوتی بسازی
- پروژه‌های صوتی طولانی و Batch اجرا کنی
- از طریق API و MCP هم به Agentها وصلش کنی.

نکته عجیب‌ترش اینه که از ۶۴۶ زبان پشتیبانی می‌کنه؛ البته پوشش و کیفیت واقعی هر زبان بستگی به موتور انتخابی داره. GitHub

در حال حاضر هم ۱۶ موتور TTS و ۱۱ موتور ASR داخلش پشتیبانی میشه و حتی می‌تونی بین موتورهای مختلف جابه‌جا بشی و ببینی کدوم خروجی بهتری بهت میده. GitHub

برای اجرا هم فقط محدود به کارت گرافیک انویدیا نیست؛ بسته به سیستم، از CUDA، پردازنده‌های Apple Silicon، ROCm و حتی CPU پشتیبانی می‌کنه.

لینک پروژه:
https://github.com/debpalash/VoiceStudio

آموزش‌ها، ابزارهای هوش مصنوعی و پروژه‌های متن‌باز جذاب رو تو کانال تلگرام کد کلاد هم می‌ذارم

💬💬📷Codecloude.ir | کــــــد کلاد 🍃🧡

🔥با Claude Sonnet 5.5 یه کانسپت کامل برای سایت The North Face ساخته؛ داخلش کلی تعامل واقعی و سه‌بعدی وجود داره.

برای ساخت چنین چیزی دیگه لازم نیست همه‌چیز رو از صفر با WebGL و Three.js بنویسی.

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

یعنی بهش میگی:
«وقتی کاربر اسکرول کرد، دوربین به کت نزدیک بشه، بارون شدیدتر بشه، سطح کت خیس‌تر بشه و بعد محصول وارد مرحله خرید بشه.»
و مدل شروع می‌کنه همون تجربه رو تبدیل به کد کنه.

خود سازنده گفته همه پرامپت‌های این ویدیو رو هم روی motionsites.ai گذاشته و اونجا کلی پرامپت آماده برای سایت‌های سه‌بعدی، بک‌گراندهای تعاملی، گرادیانت‌ها و Motion Sectionها وجود داره.

سایت پرامپت‌ها:
motionsites.ai

آموزش‌های بیشتر طراحی سایت با هوش مصنوعی، پرامپت‌ها و ابزارهایی که پیدا می‌کنم رو تو کانال تلگرام کد کلاد هم می‌ذارم 👇

💬💬📷Codecloude.ir | کــــــد کلاد 🍃🧡

💭کمپانی OpenAi امروز تو مراسم DevDay از Ai ها ی جدید خودش رونمایی کرد که مهم ترینشون Dots بود

🔔توی این مقاله مرحله‌به‌مرحله رفتم سراغ چیزایی که تازه معرفی شدن و توضیح دادم چطور میشه ازشون یه Workflow واقعی ساخت:

Dots برای سپردن مسئولیت‌های ادامه‌دار
GPT-6.1 Sol برای کارهای حرفه‌ای و Codex
ChatGPT Space برای نگه‌داشتن Context و کار تیمی
Codex برای ساخت، تست و Review کد
Plugins و Sites برای تبدیل کارهای تکراری به ابزار
Decisions API برای تصمیم‌گیری سریع داخل Workflowها

مهم‌ترین تغییر اینه که از این به بعد قرار نیست برای هر مرحله به Agent بگی چی کار کنه.

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

توی مقاله، کل مسیر رو در ۱۰ مرحله با مثال، Prompt و سناریوی واقعی توضیح دادم 👇

⚠️ https://x.com/codecloude/status/2105050440559653257?s=46

آموزش‌ها و ابزارهای بیشتر:

💬💬📷Codecloude.ir | کــــــد کلاد 🍃🧡

🔥با AI + React رایگان و نامحدود PDF ساز حرفه ای خودت رو بساز

این ابزار توسط یه بابایی تو گیت هاب منتشر شده و خیلی راحت شما میتونی رایگان و لوکال روی سیستم خودت نصبش کنی و باهاش pdf های مختلف و حرفه ای بسازی و از دست Chatgpt هم خلاص بشی . الان هم حدود 2.300 تا استار گرفته

نصبش هم کاری نداره
اول Nodejs رو نصب میکنی
بعد VS Code رو نصب میکنی
بعدلینک پروژه رو باز میکنی تو گیت هاب و وارد اموزش نصبش میشی و دو سه مرحله داره و تمام

بعد از نصب خیلی راحت میتونی باهاش فاکتور بزنی / پی دی اف های متنوع برای داکیومنت هات درست کنی و کلی هم کامپوننت رایگان داره از Alert و Card و Section های مختلف بگیر تا Chart و Page Header و فرم های متنوع

ریپازیتوری رسمی پروژه:
https://github.com/shadcn-labs/pdfcn
مستندات رسمی:
https://www.pdfcn.dev/

💬💬📷Codecloude.ir | کــــــد کلاد 🍃🧡

🔥یه پروژه متن‌باز و البته رایگان و اپن سورس ران شده در گیت هاب که می‌تونه واتساپ رو تبدیل به API قابل اجرا روی سرور خودت کنه!

پروژه OpenWA؛ رایگان، Open Source و Self-Hosted.

می‌تونی باهاش:

پیام متنی ارسال و دریافت کنی
عکس، ویدیو، فایل و صوت بفرستی
چند اکانت واتساپ رو همزمان مدیریت کنی
وبهوک برای دریافت لحظه‌ای Eventها بسازی
وضعیت ارسال و Seen پیام‌ها رو بگیری
گروه‌ها رو مدیریت کنی
میتوی API Key بسازی
برای Session یا حتی Chat مشخص دسترسی تعریف کنی
به n8n وصلش کنی و اتوماسیون بسازی
همه‌چیز رو از Dashboard مدیریت کنی

معماریش هم فقط یه اسکریپت ساده نیست؛ SQLite و PostgreSQL، Redis، S3/MinIO، Docker، Rate Limiting، IP Whitelist و Audit Log هم داره.

راه اندازی با Docker :

git clone https://github.com/rmyndharis/OpenWA.git
cd OpenWA
docker compose up -d

بعد از اجرا:

Dashboard:
http://localhost:2785

API:
http://localhost:2785/api

Swagger:
http://localhost:2785/api/docs

از داخل داشبورد Session واتساپ رو می‌سازی، شماره رو متصل می‌کنی و بعد می‌تونی API و Webhook رو وارد پروژه خودت یا n8n کنی. مستندات پروژه همین Docker deployment و آدرس‌ها را برای Quick Start ارائه می‌کنند

️ اما یک نکته خیلی مهم:

OpenWA جایگزین رسمی WhatsApp Cloud API نیست.

پروژه از کلاینت‌های reverse-engineered مثل whatsapp-web.js و Baileys استفاده می‌کنه و خود توسعه‌دهنده هم درباره ریسک Restrict/Ban شدن شماره هشدار داده. پس برای شماره اصلی یک کسب‌وکار بدون بررسی و تست، انتخاب بی‌ریسکی نیست.

سورس پروژه:
https://github.com/rmyndharis/OpenWA

🔥 آموزش ابزارهای Open Source، AI و اتوماسیون‌های کاربردی بیشتری رو داخل کانال کد کلاد می‌ذارم

💬💬📷Codecloude.ir | کــــــد کلاد 🍃🧡

‏🔥چجوری یه Hero خوب و متحرک میشه ساخت !؟

‏اول هر تصویری که مد نظرت هست رو با AI می‌سازی، بعد با سرویس های موجود ساخت ویدیو که البته رایگان هم داره (انتهای پست گذاشتم) متحرکش میکنی و در آخر می‌بریش داخل Figma و UI رو روش سوار می‌کنی

‏نه موشن شلوغ، نه افکت عجیب؛ فقط یه بک‌گراند که انگار نفس می‌کشه.

‏پرامپت کامل ساخت تصویر + پرامپت تبدیلش به ویدیو + اینکه هرکدوم رو دقیقاً کجا استفاده کنید

💬💬📷Codecloude.ir | تلگــرام 🍃🧡

💬💬📷Codecloude.ir | تلگــرام 🍃🧡

⚠️ سرویس Clean APIs دسترسی API به چند مدل مطرح هوش مصنوعی می‌ده و طبق پلن فعلی روی سایت ، بدون احراز هویت کارت بانکی؛ ۵M توکن در ماه می‌ده، محدودیت پلن رایگان ۶۰ درخواست در دقیقه و ۱۰۰هزار توکن در دقیقه ست و سازنده می‌گه Free Tier به همه مدل‌های Chat دسترسی داره

جالب‌تر اینکه API این OpenAI-compatible عه و برای خیلی از ابزارها کافیه API Key و Base URL را عوض کنی. سایت فعلاً ۳۳ مدل را فهرست کرده و Streaming، Tool Calling، Vision و Reasoning هم بسته به مدل پشتیبانی میشن.

مدل‌هایی رسما گفته شده : Claude Opus 5.5 Claude Fable 5.1 Kimi K3 Qwen 3.8 Max GLM-5.3 و آدرسش هم cleanapis.com اینه

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

🔥این شمارنده فقط عدد رو زیاد نمی‌کنه؛ با هر کلیک یه حرکت فنری کوتاه داره، کمی Overshoot می‌کنه و دوباره سر جاش می‌شینه

پرامپت :

Build a "Number Counter" interaction (شمارندهٔ عددی). Digit bumps and overshoots on every increment. Motion spec: spring(280, 18). Prefer a real spring (or the closest cubic-bezier) so it stays interruptible and settles without jitter. Animate only transform and opacity, keep it keyboard accessible, and honour prefers-reduced-motion. Return plain HTML, CSS and vanilla JS with no dependencies.

صفحه کامپوننت های کد کلاد :
codecloude.ir/cc_ui_lab

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

🔥یه ابزار خیلی تمیز برای دانلود محتوا از سایت‌های مختلف ( یوتیوب ، اینستا ، تیک تاک ، ایکس و … )

لینک ویدیو یا محتوا رو از سایت‌هایی مثل YouTube، TikTok، Instagram یا Reddit بهش میدی و فایل رو مستقیم تحویل می‌گیری؛ بدون تبلیغ، Tracker یا صفحه‌های عجیب‌وغریب. خود پروژه هم متن‌بازه و سورسش روی GitHub منتشر شده.

نکته خوبش اینه که فقط یه سایت دانلود نیست؛ API و مستندات Self-host هم داره، یعنی اگه بخوای می‌تونی نسخه خودت رو هم روی سرور بالا بیاری.

سایت: ‏https://cobalt.tools
‏GitHub: ‏https://github.com/imputnet/cobalt


💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

⚠️🔥یه روز دیگه و یه معرفی داغ دیگه ✌🏻🙂‍↔️ جایگزین متن‌باز برای CapCut هم اومد

یه ویرایشگر ویدیوی رایگان و متن‌باز برای وب، دسکتاپ و موبایل که الان حدود ۹۱ هزار ستاره روی GitHub گرفته.

چیزی که OpenCut رو جالب می‌کنه اینه که تیمش فقط دنبال ساخت یه Video Editor ساده نیست؛ نسخه جدید رو از صفر با معماری جدید دارن بازنویسی می‌کنن و توی Roadmapش چیزایی مثل اینا هست:

• تایم‌لاین و ویرایش چندلایه
• معماری Plugin-first
• یک کدبیس مشترک برای وب، دسکتاپ و موبایل
• MCP Server برای Agentهای هوش مصنوعی
• Headless Mode برای اتوماسیون و Batch Rendering
• Scripting مستقیم داخل Editor
• Editor API برای توسعه ابزارهای اختصاصی

فعلاً یه نکته مهم داره:

نسخه جدید هنوز در حال بازنویسیه و خود تیم میگه برای استفاده روزمره، نسخه Classic فعلاً انتخاب آماده‌تریه. نسخه جدید هم روی new.opencut.app توسعه داده میشه تا بعداً جای نسخه فعلی رو بگیره.

از اون طرف پروژه با MIT License منتشر شده؛ یعنی برای توسعه، شخصی‌سازی و ساخت ابزارهای اختصاصی روی اون دستت خیلی بازه.

سایت:
https://opencut.app

نسخه جدید:
https://new.opencut.app

گیت‌هاب:
https://github.com/OpenCut-app/OpenCut

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

⚠️دیپسیک هم وارد بازی شد ✌🏻🙂‍↔️

دیپسیک محیط Agentic متن‌بازش رو معرفی کرد که می‌تونه برای کارهای روزمره، کدنویسی، تحقیق، تحلیل فایل‌ها و ساخت Workflowهای اختصاصی استفاده بشه. خود DeepSeek هم Harness رو در Public Preview جهانی منتشر کرده و سورسش روی GitHub در دسترسه.

الان نسخه Desktop برای macOS و Windows منتشر شده و کاربران Linux هم می‌تونن از پکیج npm اجراش کنن.

برای اجرای نسخه وب هم کافیه Node.js داشته باشی و بزنی:

npx 
@deepseek
-ai/dsh web

بعد رابط وب به‌صورت پیش‌فرض روی:

http://127.0.0.1:3080

بالا میاد.

⚠️ فقط یه نکته مهم: پروژه هنوز در مرحله Developer/Public Previewـه و خود تیم گفته ممکنه تغییرات Breaking داشته باشه، پس فعلاً برای پروژه‌های حساس بهتره با احتیاط تستش کنید.

سایت رسمی:
deepseek.com/harness

گیت‌هاب:
github.com/deepseek-ai/de
epseek-harness

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

اگر طراح سایتید و دنبال هیرو های پریمیوم میگردید این سایت داستانه شماس 🧑🏻‍🩰 ولی خب این یکی رایگان نیست ( ساخت هیرو هم با Sonnet 5.5 و Astra 6.1 حدود ۱ دقیقه زمان میبره )

سایت : sceneai.art ( قبلا هم معرفیش کرده بودم و الان اپدیت شده )

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

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

با Claude Code وصل میشه؛ بعد هم می‌تونی با زبان طبیعی همون ویدیو رو ادیت کنی، بدون اینکه درگیر تایم‌لاین‌های شلوغ بشی

لینک آموزش :
https://x.com/codecloude/status/2106290427179700715?s=20

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

اگه می‌خوای UI پروژه‌ت خیلی گرون‌تر از چیزی که واقعاً هزینه کردی به نظر بیاد، این ۶ تا رو ذخیره کن

Toolcraft : toolcraft.sh
PinUI : pinui.xyz
Solace Ui : solaceui.com
EasyUI : easyui.site
Pace UI : paceui.com
Feral Ui : feralui.dev

خیلی از این کامپوننت‌ها و استایل‌ها رو می‌تونی مستقیم بندازی جلوی Claude Code، Cursor یا Codex و بگی مشابهش رو داخل پروژه‌ت پیاده کنه

ابزارهای UI، منابع طراحی و چیزای کاربردی‌تر رو تو کانال تلگرام کد کلاد می‌ذارم 👇

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

یه هیرو خفن برای کسانی که سایت فروش لباس دارن ( این هیرو ایده اش روی سایت Malimao پیاده شده )

1.میله و لباس‌ها: عکس هر لباس باید PNG یا WebP با پس‌زمینه شفاف باشه (حذف بک‌گراند). میله هم یه خط ساده با CSS یا SVG هست و لباس‌ها با flex کنار هم روی اون چیده می‌شن.

2.هاور: با transform: translateY(-10px) scale(1.15) و transition نرم، لباس زیر موس بزرگ‌تر میشه. اسم محصول هم پایین عوض میشه. اگه حس آویزون‌بودن می‌خوای، transform-origin: top center بذار و یه انیمیشن چرخش کوچیک (rotate(±3deg)) اضافه کن. برای حرکت فنری‌تر می‌تونی از GSAP یا Framer Motion استفاده کنی.

3.کلیک و Quick View: یه مودال تمام‌صفحه باز میشه که پشتش backdrop-filter: blur(20px) داره (لباس‌های بقیه محو دیده می‌شن). داخلش لباس بزرگ، اسم، و دکمه‌های «جلو/پشت» هست که فقط بین دو عکس سوئیچ می‌کنن. برای انتقال نرم از حالت کوچیک به بزرگ، layoutId در Framer Motion یا GSAP Flip عالیه.

4.مارکی پایین: یه نوار نارنجی با متن در حال حرکت بی‌نهایت (
@keyframes
با translateX(-50%) روی محتوای دو‌بار تکرارشده).

5.صفحه محصول: بعد از «Add to cart» یا کلیک روی محصول، به صفحه معمولی ووکامرس/محصول میره

ابزارهای UI، منابع طراحی و چیزای کاربردی‌تر رو تو کانال تلگرام کد کلاد می‌ذارم 👇

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

این پرامپت نهایی نیست و برای اینکه خروجی شبیه به نمونه ویدیویی بشه باید لباس ها در ابعاد با کیفیت و بدون پس زمینه ( Transparent ) باشه و بر اساس سایت خودتون باید کد رو ویرایش نمایید

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

8 تا سایتی که خیلی میتونه توی طراحی سایت یا اپ بهتون کمک کنه :

• ساخت گرادیانت حرفه‌ای
gradienttool.com
• آزمایشگاه گرادیانت و بک‌گراند
backgrounds.supply/gradient-lab
• ساخت انیمیشن‌های آماده
animos.app/editor
• ساخت Cutting Mat و پترن‌های شبکه‌ای
cutting-mat-generator.vercel.app
• بازی با تایپوگرافی و فاصله حروف
spacetypegenerator.com
• ساخت Shapeهای خاص و متفاوت
bookofshapes.com
• پترن‌های آماده برای بک‌گراند و UI
tabbied.com/patterns
• ساخت Dot Pattern و تکسچر نقطه‌ای
dotforge.vercel.app

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

💬💬📷 Codecloude.ir | تلگــرام 🍃🧡