آموزش ها و پرامپت ها و ترفند های هوش مصنوعی در کانال ما 👇🏻:

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

✅سایت OnePrompt ؛ یه مجموعه بزرگ از پرامپت‌های آماده برای ساخت محتوای بصری با AI داره،

مثل: تصاویر و ویژوال‌های حرفه‌ای
موکاپ تبلیغات
تصویرسازی بک‌گراند
ایده‌های طراحی

آدرس سایت : http://onepromptdesign.com

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

M3E Canvas یه ابزار رایگان و Open Source که داخل مرورگر صفحه‌های Material 3 رو می‌سازی، به هم وصلشون می‌کنی، Flow رو تست می‌کنی و آخرش خودش یه Prompt آماده می‌ده که می‌تونی مستقیم بدی به Claude Code، Codex، Gemini CLI یا Cursor تا برات پیاده‌سازی کنه.

GitHub:
github.com/lnkiai/m3e-canvas

Demo:
lnkiai.github.io/m3e-canvas

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

یه Cheat Sheet خیلی کاربردی برای توضیح انیمیشن‌های اسکرول به Claude / Codex

Scroll-triggered → وقتی به یک نقطه از صفحه می‌رسی، انیمیشن اجرا بشه.

Scroll-linked → پیشرفت انیمیشن مستقیم به مقدار اسکرول وصل باشه.

Parallax → لایه‌ها با سرعت‌های مختلف حرکت کنن و حس عمق بدن.

Sticky → یک بخش هنگام اسکرول برای مدتی ثابت بمونه.

Scroll Snap → اسکرول روی هر سکشن یا آیتم قفل بشه.

Horizontal Scroll → اسکرول عمودی باعث حرکت افقی محتوا بشه.

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

۳۰ منبع برای ایده گرفتن در طراحی سایت/UI

scrolltide.co — مجموعه پرامپت‌های کامل برای ساخت سایت؛ ادعا می‌کنه 600+ پرامپت آماده + سورس قابل ویرایش داره و با Claude Code/Cursor/v0 کار می‌کنه.

minimal.gallery — سایت‌های مینیمال و High-end.

godly.website — نمونه سایت‌های خیلی خاص و خلاقانه.

awwwards.com — سایت‌های برنده جوایز طراحی.

landing.love — لندینگ‌پیج‌هایی با انیمیشن خوب.

land-book.com — گالری لندینگ‌پیج.

styles.refero.design — بیش از 2000 استایل واقعی محصول، تایپوگرافی و UI.

component.gallery — نمونه کامپوننت از Design Systemهای معروف.

navbar.gallery — ایده برای Navbar/Header.
footer.design — ایده Footer.

cta.gallery — CTA، فرم، Popup و Buttonهایی که برای Conversion طراحی شدن.

supahero.io — مجموعه Hero Section.

pricingpages.design — نمونه Pricing Page.

404s.design — ایده برای صفحه 404.

appshot.gallery — اسکرین‌شات واقعی اپ‌های موبایل.

ui.shadcn.com — کامپوننت‌های معروف Shadcn.

ui.aceternity.com — بیش از 200 کامپوننت انیمیشنی React/Tailwind.

magicui.design — 150+ کامپوننت و افکت انیمیشنی

motion-primitives.com — Interaction و Motionهای پیشرفته.

21st.dev — مارکت کامپوننت که حتی می‌تونه از طریق MCP به Agent وصل بشه.

uiable.com — کامپوننت‌های بیشتر برای اکوسیستم Shadcn.

uiverse.io — UI Componentهای Open Source.

kinetics.colorion.co — بیش از 150 Motion Effect همراه React Code و Prompt.

text-effects.colorion.co — افکت‌های متنی CSS.

glass.samasante.com — کامپوننت‌های Glass / Refraction.

animejs.com — کتابخانه سبک برای Animation در وب.

threejs.org — معروف‌ترین ابزار 3D برای Web.

designmd.ai — Design Systemهایی که به Markdown تبدیل شدن تا AI Agent بتونه بخونتشون.

vibeprompts.dev — پرامپت‌های آماده برای Dashboard و Landing Page.

kage.design — نمونه UI واقعی که به Prompt تبدیل شده.

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

کنترل کامپیوتر با هوش مصنوعی، با مصرف ۸۵٪ توکن کمتر!

پروژه متن‌باز Zero Use Computer به ایجنت‌های هوش مصنوعی اجازه می‌ده مستقیماً با دسکتاپ کار کنن؛ بدون اسکرین‌شات‌های مداوم!

🧠 چطور کار می‌کنه؟

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

📊 نتایج یک آزمایش:
• توکن: 6,800 → 46,000
• اسکرین‌شات: 2 → 27
• زمان خواندن صفحه: 5,6 → 17 میلی‌ثانیه
• زمان اجرا: 5,2 → 5,7 ثانیه

⚙️ ویژگی‌ها:

- نوشته‌شده با Rust، حجم حدود ۱۲ مگابایت
- سازگار با Claude Code، Codex و Cursor از طریق MCP
- پشتیبانی از ویندوز، لینوکس و مک
- توقف اضطراری و جلوگیری از کلیک تکراری
- رایگان و متن‌باز با مجوز Apache 2.0

📌 این نتایج مربوط به یک آزمایش مشخصه. تست‌های لینوکس موفق بودن؛ ویندوز و مک هنوز نیاز به تست واقعی دارن.

🔗 گیت‌هاب:
https://github.com/mhrsdev/zero-use-computer

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

🔥یکم خلاقیت و توجه باعث میشه شما بتونید یه همچین انیمیشنی بسازید

نمونه با ترکیب GPT Image 2.5 + Seedance 2.5 ساخته شده؛ از طراحی کاراکتر تا یک سکانس ۳۰ ثانیه‌ای با شات‌بندی، حرکت دوربین، فیزیک، صدا و داستان. پرامپت کامل هر دو مرحله رو هم براتون آماده کردم

این انیمیشن با سایت https://vidfield.ai/dashboard ساخته شده

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

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

🔥سایت Prompt Motion یه گالری با بیش از ۲۲۶ نمونه موشن‌گرافیک ساخته‌شده با Claude Opus 5.5 داره؛ اما جذاب‌ترین بخشش خود ویدیوها نیست!

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

از تایپوگرافی متحرک و انیمیشن‌های خلاقانه گرفته تا موشن‌های تعاملی و طراحی‌های خاص؛ یه منبع کاربردی برای یادگیری Motion Design با هوش مصنوعی.

اگه با Claude Code و Opus 5.5 کار می‌کنید، این سایت رو حتماً بوکمارک کنید!

🔗 وب‌سایت Prompt Motion:
https://prompt-motion.com

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

اگه با هوش مصنوعی سایت طراحی می‌کنی، این ۲۸ سایت رو باید بشناسی!🔥

یکی از توسعه‌دهنده‌ها بعد از امتحان‌کردن کلی ابزار و منبع برای Vibe Coding، بهترین‌هاشون رو توی یه لیست جمع کرده؛ از گالری‌های طراحی سایت و کامپوننت‌های آماده گرفته تا انیمیشن‌های حرفه‌ای، افکت‌های سه‌بعدی و ابزارهای ساخت اپلیکیشن با AI.

۲۸ منبع کاربردی برای طراح‌ها و برنامه‌نویس‌ها:

🎨 ایده و الهام برای طراحی سایت

scrolltide.co — پرامپت‌های طراحی سه‌بعدی و اسکرول‌محور
godly.website — نمونه سایت‌های خلاقانه
awwwards.com — طراحی‌های برنده جوایز
minimal.gallery — طراحی‌های مینیمال
land-book.com — گالری لندینگ‌پیج
mobbin.com — نمونه رابط کاربری اپلیکیشن‌ها
styles.refero.design — سبک‌های طراحی واقعی

🧩 کامپوننت و بخش‌های آماده UI

supahero.io — ایده‌های Hero Section
navbar.gallery — نمونه‌های Navbar
footer.design — طراحی Footer
cta.gallery — نمونه‌های Call to Action
pricingpages.design — طراحی صفحات قیمت‌گذاری
component.gallery — گالری کامپوننت‌ها
ui.shadcn.com — کامپوننت‌های Shadcn
21st.dev — کامپوننت‌های آماده توسعه‌دهندگان
ui.aceternity.com — کامپوننت‌های انیمیشنی
magicui.design — رابط‌های کاربری متحرک
motion-primitives.com — کامپوننت‌های Motion
shadcnblocks.com — بلوک‌های کامل رابط کاربری

✨ انیمیشن و طراحی سه‌بعدی

threejs.org — ساخت تجربه‌های سه‌بعدی تحت وب
shadertoy.com — افکت‌های Shader
thebookofshaders.com — آموزش Shader از صفر
threejs-journey.com — آموزش Three.js
animejs.com — کتابخانه انیمیشن جاوااسکریپت

🤖 ابزارهای کدنویسی با AI

claude.com/product/claude… — کدنویسی با Claude Code
cursor.com — ویرایشگر کد مبتنی بر AI
v0.dev — ساخت UI با پرامپت
lovable.dev — ساخت اپلیکیشن با هوش مصنوعی

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

یه مجموعه از ۲۰ ریپازیتوری GitHub و ابزار تخصصی منتشر شده که با ترکیب اون‌ها و Claude Code می‌تونی موشن‌گرافیک، تیزر تبلیغاتی، انیمیشن، ویدیوهای معرفی محصول و حتی جلوه‌های سه‌بعدی بسازی!

🎬 اسکیل (Skill) های ساخت موشن و ویدیو:

1. claude-motion — کارگردانی حرکت و صداگذاری
https://t.co/TtBtU2nVrN
1. claude-motion-design — ساخت ویدیو با HTML و FFmpeg
https://t.co/iOsyrWUvKE
1. motion-graphics-skills — مهارت‌های ساخت تیزر محصول
https://t.co/yNZhCZO8wT
1. claude-remotion-skill — تدوین ویدیو با پرامپت
https://t.co/immhzwVP5i
1. klik-anim-skill-creation — اصول انیمیشن و حرکت دوربین
https://t.co/XWqUnn4v7o
1. hyperframes-motion-reel-skill — شو‌ریل هماهنگ با موسیقی
https://t.co/E96s1Oio4Q
1. product-launch-motion — تیزر محصول با نریشن
https://t.co/VBflIJ6j1K
1. animate — استوری‌بورد و انیمیشن کوتاه
https://t.co/xafT2UPXUe
1. motion-design-skills — تایپوگرافی، رنگ و زمان‌بندی
https://t.co/gKUqO9P2Xe
1. hyperframes-student-kit — مجموعه مهارت‌ها و رفرنس‌های موشن
https://t.co/fJmzb9I5z0

⚙️ موتورهای رندر و انیمیشن:
11. HyperFrames — تبدیل انیمیشن HTML به MP4
https://t.co/4rIffGKusx
12. Remotion — تولید ویدیو با React
https://github.com/remotion-dev/remotion
13. Remotion Skills — مهارت‌های رسمی Remotion
https://github.com/remotion-dev/skills
14. GSAP — انیمیشن و ترنزیشن حرفه‌ای
https://github.com/greensock/GSAP

✨ ابزارها و Skillهای تکمیلی:
15. motion-design-skill — اصول طراحی حرکت
https://t.co/Vgr318UX9h
16. awesome-motion-design-agent-skills — مجموعه Skillهای انیمیشن
https://t.co/hF0ZxWyjcl
17. motion-graphics — ساخت B-roll از متن
https://t.co/Gwi9SKIS9C
18. motion-dev-animations-skill — انیمیشن‌های تعاملی وب
https://t.co/YOL7zHaCB5
19. Motion — کتابخانه انیمیشن وب
https://github.com/motiondivision/motion
20. lottie-web — اجرای انیمیشن Lottie
https://github.com/airbnb/lottie-web

🚀 فرآیند ساخت ویدیو چطوریه؟

Claude Opus 5.5 کد رو تولید می‌کنه ← Skillها اصول حرکت و طراحی رو هدایت می‌کنن ← موتور رندر خروجی رو به ویدیو تبدیل می‌کنه.

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

آینده موشن‌دیزاین فقط پرامپت‌نویسی نیست؛ ساخت یه سیستم هوشمند برای تولید ویدیوئه! 🔥

📌 این ۲۰ منبع رو ذخیره کن، مخصوصاً اگه با Claude Code کار می‌کنی.

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

🚨 یه ایجنت هوش مصنوعی شخصی، کاملاً متن‌باز و قابل شخصی‌سازی، اونم رایگان! 🤯🔥

پروژه OpenMuse حسابی توی گیت‌هاب سر و صدا کرده! یه دستیار هوشمند که به مرورگر، ترمینال و فایل‌ها دسترسی داره. کافیه نتیجه‌ای که می‌خوای رو بهش بگی، برنامه انجام کار رو بررسی کنی و در نهایت خروجی رو تحویل بگیری!

🚀 روی وب، اندروید و iOS قابل استفاده‌ست، با لایسنس MIT منتشر شده و می‌تونی نسخه اختصاصی خودت رو بسازی و حتی روی Render مستقرش کنی. این دقیقاً همون مسیریه که ایجنت‌های هوش مصنوعی دارن به سمتش حرکت می‌کنن؛ از جواب دادن به سؤال‌ها، به انجام دادن کارهای واقعی!

🔗 لینک گیت‌هاب:
https://github.com/CopilotKit/OpenMuse
💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

🚨 یه مدل هوش مصنوعی جدید با ۱ میلیون توکن حافظه متنی و رایگان🤯🔥

مدل Step 5 Preview طبق اعلام منتشرشده، فعلاً از طریق OpenCode رایگان در دسترسه! از متن، تصویر و ویدیو پشتیبانی می‌کنه، برای کارهای Agentic طراحی شده و ادعا می‌شه تا ۱۳۱ هزار توکن خروجی تولید می‌کنه!

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

🔗 لینک استفاده:
https://opencode.ai/download

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

این ابزار رایگان، حذف اشیا و افزایش کیفیت عکس رو مستقیم توی مرورگر انجام می‌ده! 🤯🔥

پروژه متن‌باز Inpaint-web بهت اجازه می‌ده بدون نصب هیچ نرم‌افزاری، اشیا و قسمت‌های اضافی تصاویر رو پاک کنی و رزولوشن عکس‌هات رو افزایش بدی! جذاب‌تر اینکه از فناوری‌های WebGPU و WebAssembly استفاده می‌کنه تا پردازش تصویر رو داخل مرورگر انجام بده.

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

🔗 لینک گیت‌هاب:
https://github.com/lxfater/inpaint-web

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

این ۵ تا سایت رو بشناسی، سطح طراحی رابط کاربریت چند پله می‌ره بالاتر! 🔥

از کامپوننت‌های آماده و حرفه‌ای گرفته تا گریدهای Bento، بک‌گراندهای خاص و هزاران نمونه طراحی واقعی! این منابع برای کسایی که طراحی سایت، UI/UX یا حتی وایب‌کدینگ انجام می‌دن، واقعاً گنجن.

🔥 ۵ منبعی که هر طراح باید داشته باشه:

🎨 کامپوننت‌های حرفه‌ای UI
https://pro.alignui.com

🧩 ایده‌های جذاب برای طراحی Bento Grid
https://bentogrids.com

🌈 بک‌گراندها و گرادیانت‌های خاص
https://grainient.supply

📱 الهام از طراحی اپلیکیشن‌های واقعی
https://mobbin.com

✨ مجموعه ایده‌های خلاقانه طراحی محصول
https://kargul.studio/swipe-file

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

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

🔥کلاود رایگان، بدون نیاز به اشتراک ماهانه! ( تست شده ـ کپشن حتما خوانده شود )

یه پروژه متن‌باز به اسم Free Claude Code توی گیت‌هاب حسابی سر و صدا کرده! این ابزار بهت اجازه می‌ده به‌جای پرداخت هزینه مدل‌های پولی، از طریق ۴۹ ارائه‌دهنده رایگان و مدل‌هایی مثل DeepSeek و Kimi برای کار با Claude Code استفاده کنی!

🔥 سازنده پروژه ادعا می‌کنه با تجمیع سهمیه سرویس‌ها می‌شه به ۱.۳ میلیارد توکن رایگان در ماه دسترسی داشت و راه‌اندازیش هم حدود ۵ دقیقه زمان می‌بره!

البته این عدد تضمینی نیست و به محدودیت ارائه‌دهنده‌ها بستگی داره. نکته مهم اینه که خود Claude پولی رایگان نشده؛ این پروژه از مدل‌های جایگزین استفاده می‌کنه.

🔗 لینک گیت‌هاب:
https://github.com/Alishahryar1/free-claude-code

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

دیگه حتی سورس بسته هم نمی‌تونه جلوی هوش مصنوعی رو بگیره! 🙂‍↔️

یه ابزار متن‌باز به اسم REA منتشر شده که به Claude Code و Codex اجازه می‌ده اپلیکیشن‌ها، سایت‌ها، فایل‌های اجرایی و حتی APK رو مهندسی معکوس کنن؛ ساختار قابلیت‌ها رو تحلیل کنن، شواهد فنی ارائه بدن و نمونه مشابهشون رو بسازن! 🤦🏻‍♂️

🔗 گیت‌هاب:
https://github.com/morluto/rea

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

🚨 هوش مصنوعی GPT-6 Luna رایگان، بدون ثبت‌نام و بدون کارت بانکی؟! 🤯🔥

طبق پستی که منتشر شده، سرویس Duck.ai از DuckDuckGo امکان استفاده رایگان از مدل Luna رو فراهم کرده؛ بدون ساخت حساب کاربری، بدون واردکردن اطلاعات پرداخت و با ادعای دسترسی نامحدود!

امکاناتی که برای این سرویس مطرح شده:

• چت و پاسخ‌گویی هوشمند
• تولید تصویر با هوش مصنوعی
• مکالمه صوتی، حتی روی موبایل
• کمک به برنامه‌نویسی، بررسی کد و تولید محتوا

⚡ فقط کافیه وارد سایت بشی و شروع به چت کنی!

البته نامحدود بودن سرویس و دسترسی واقعی به مدل GPT-6 Luna هنوز مستقلاً تأیید نشده و ممکنه محدودیت‌هایی وجود داشته باشه.

🔗 لینک استفاده:
https://duck.ai

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

⭕ ۲۰ میلیون توکن رایگان برای استفاده از Claude، GPT و بیش از ۳۰ مدل هوش مصنوعی؟! 🤯l

سه تا سرویس معرفی شدن که طبق ادعای منتشرکننده، مجموعاً ۲۰.۳ میلیون توکن رایگان در اختیارت می‌ذارن؛ بدون اینکه مجبور باشی از همون اول اشتراک پولی بخری!

🔥 سرویس اول: Clean APIs
ماهانه ۵ میلیون توکن رایگان با دسترسی ادعایی به بیش از ۳۰ مدل، از جمله خانواده Claude.

🔗 https://cleanapis.com

⚡ سرویس دوم: Terrapolis
۱۵ میلیون توکن هنگام ثبت‌نام و امکان استفاده از مدل‌های مختلف هوش مصنوعی.

🔗 https://terrapolis.xyz

🚀 سرویس سوم: AbhiBots
۳۰۰ هزار توکن رایگان؛ البته دسترسی به Claude فقط در ساعت‌های مشخصی فعاله و ممکنه بعضی وقت‌ها آفلاین باشه.

🔗 https://opus.abhibots.com

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

⚠️ نکته مهم: این سهمیه‌ها و دسترسی به مدل‌ها هنوز مستقلاً تأیید نشده و ممکنه تغییر کنه. چون ارائه‌دهنده‌ها کوچک و کمتر شناخته‌شده هستن، اطلاعات محرمانه، کلیدهای API و کدهای حساس پروژه‌هات رو در اختیارشون نذار.

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

🔥اگر سایتی دارید که توش کاربراتون مجبور به اضافه کردن شماره کارت های بانکی خودشون هستن , می تونید از این طرح استفاده کنید

پرامپت :

Build a "Wallet Stack" interaction (کیف کارت‌ها). Cards fan out, lift and settle like a real wallet. Motion spec: stack(spring 280, 22). 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.

کتابخانه ای با بیش از 377 المان , کامپوننت , طرح های اختصاصی رو میتونید از این صفحه به صورت رایگان داشته باشید :

https://codecloude.ir/cc_ui_lab/

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