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

پروژه متن‌باز 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 | تلگــرام 🍃🧡

🔥 دیگه لازم نیست برای تحلیل رقبا و پیدا کردن ایده‌های بازاریابی، ساعت‌ها بین سایت‌های مختلف بگردی! 🔔

فایرکراول از Marketing Data Pack در پلتفرم Alexandria رونمایی کرده؛ مجموعه‌ای که به ChatGPT و Claude اجازه می‌ده به‌جای حدس‌زدن، از داده‌های واقعی برای تحلیل بازار و تصمیم‌های بازاریابی استفاده کنن!

🔥 با این ابزار می‌تونی:

🟡 رقبات رو زیر نظر بگیری: بررسی ترافیک سایت‌ها، کانال‌های جذب مخاطب و نقاط قوت رقبا با داده‌های Similarweb.
🟡استراتژی SEO و GEO بچینی: شناسایی ترندهای جست‌وجو و فرصت‌های تولید محتوا برای موتورهای جست‌وجو و هوش مصنوعی.
🟡 محتوای موفق رو پیدا کنی: بررسی پیج‌ها و پست‌های اینستاگرام و تیک‌تاک برای شناسایی ایده‌های پربازدید.
🟡 کمپین‌های هوشمند طراحی کنی: ترکیب اطلاعات منابع مختلف برای پیدا کردن مخاطب هدف، ایده‌های تبلیغاتی و فرصت‌های رشد.
🟡 جذاب‌ترین بخش ماجرا اینه که می‌تونی داخل ChatGPT یا Claude درخواستت رو بنویسی و ابزار، داده‌های منابع مختلف رو برای تهیه گزارش تحلیلی جمع‌آوری کنه!
🟡 البته استفاده از بعضی منابع داده نیازمند اعتبار Firecrawl هست و همه درخواست‌ها لزوماً رایگان نیستن.

📎 لینک رسمی ابزار:
https://www.firecrawl.dev/alexandria/marketing

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

🔥دیگه هوش مصنوعی فقط کدنویسی نمی‌کنه؛ قراره سلیقه طراحی هم داشته باشه!

یه ابزار جذاب به اسم TasteSkill v2 معرفی شده که می‌تونه کیفیت طراحی رابط کاربری توسط AI Agentها رو یه سطح بالاتر ببره!احتمالاً دیدی وقتی به یه ایجنت کدنویسی می‌گی برات سایت طراحی کنه، خروجی از نظر فنی کار می‌کنه، ولی ظاهرش معمولیه و حس یه محصول حرفه‌ای رو نداره!
‏TasteSkill دقیقاً برای همین مشکل ساخته شده!

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

اولی Art Direction: راهنمایی برای انتخاب سبک بصری و طراحی هماهنگ‌تر.

دومی Design Assets: استفاده از منابع و المان‌های بصری برای ساخت رابط‌های کاربری جذاب‌تر.

سومی Browser Verification: بررسی نتیجه کار داخل مرورگر تا ایجنت فقط به تولید کد اکتفا نکنه و خروجی رو هم ارزیابی کنه.

نکته جذاب اینه که می‌تونی با یه دستور، این Skill رو به محیط ایجنتت اضافه کنی!

دستور نصب:

‏npx skills add Leonxlnx/taste-skill

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

🔗 مخزن پروژه: ‏ https://github.com/Leonxlnx/taste-skill

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

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

📅کامپوننت های رایگان تقویم شمسی کد کلاد؛ همان تقویمی که هر سایت ایرانی لازم دارد

یک کامپوننت تقویم فارسی ساختیم که با یک فایل و بدون هیچ وابستگی‌ای روی سایتت می‌نشیند:

🟡 تعطیلات رسمی و مناسبت‌های قمری (تاسوعا، عاشورا، فطر، قربان و ...)
🟡 انتخاب روز، بازه و ساعت، با میان‌برهای هفته جاری، ماه جاری، ۳ ماه اخیر و سال جاری
🟡 پنل جزئیات روز با صحنه‌ی چهار فصل و رنگ فصلی
🟡 فیلد داخل فرم (با name ارسال می‌شود) و تایپ تاریخ شمسی یا میلادی
🟡 سررسید چک و قسط به‌صورت نقطه‌ی رنگی روی تقویم
🟡 تم تیره و روشن که از خود سایت تو تبعیت می‌کند
🟡 فونت سایت را ارث می‌برد و روی موبایل هم مرتب است
🟡 برای وردپرس شورت‌کد دارد: [persian_calendar]

🖥 صفحه‌ی نمایشی :
https://codecloude.ir/persian-calender/

🧪 و اگر دنبال کامپوننت‌های جذاب دیگری هستی، کتابخانه‌ی تعامل‌های فنری کد کلاد با ۳۸۵ کامپوننت زنده، کد آماده و پرامپت هوش مصنوعی، حالا یک دسته‌ی تازه به اسم «تقویم شمسی» هم دارد که از همونجا میتونید کد ها و راهنماش هم ببینی :
https://codecloude.ir/cc_ui_lab/

نظرت را بگو و اگر ویژگی‌ای کم است، بنویس تا اضافه کنیم 👇

#کد_کلاد #تقویم_شمسی #وردپرس #طراحی_وب #فرانت_اند
💬💬📷 Codecloude.ir | تلگــرام 🍃🧡

🔥 ۱۰ مخزن گیت‌هاب که می‌تونن Claude Code و Codex رو به طراح‌های حرفه‌ای UI تبدیل کنن!

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

۱. Superdesign Skill
اضافه‌کردن مهارت طراحی رابط کاربری به ایجنت‌های کدنویسی.

https://github.com/superdesigndev/superdesign-skill

۲. Better Design
سرور MCP و سیستم‌های طراحی آماده برای تولید رابط‌های کاربری هماهنگ‌تر و حرفه‌ای‌تر.

https://github.com/marvkr/better-design

۳. Design Taste
مجموعه‌ای از مهارت‌های طراحی برای اینکه خروجی‌های هوش مصنوعی دیگه شبیه قالب‌های تکراری نباشن!

https://github.com/madebymustafa/design-taste

۴. Canvas UI
منبعی برای ساخت رابط‌های کاربری و تجربه‌های بصری مدرن.

۵. Paper Shaders
افکت‌های گرافیکی و شیدرهای جذاب برای ساخت بک‌گراندهای متحرک و متفاوت.

https://github.com/paper-design/shaders

۶. UI Layouts
مجموعه‌ای از کامپوننت‌ها، افکت‌ها و بلوک‌های آماده برای طراحی سریع‌تر صفحات.

https://github.com/ui-layouts/uilayouts

۷. HyperUIX Components
کامپوننت‌های رابط کاربری برای توسعه صفحات مدرن.

۸. Motion Primitives
کتابخانه کامپوننت‌های انیمیشنی برای React و طراحی رابط‌های تعاملی.

https://github.com/ibelick/motion-primitives

۹. Cursify
افکت‌ها و انیمیشن‌های جذاب برای نشانگر موس در پروژه‌های React و Next.js.

https://github.com/ui-layouts/cursify

۱۰. Trickle UI Kit
مجموعه‌ای از انیمیشن‌های متنی مبتنی بر CSS برای React.

https://github.com/akaieuan/trickle-UI-kit

💡 ترکیب این ابزارها با Claude Code و Codex می‌تونه کمک کنه به‌جای سایت‌های تکراری، رابط‌های کاربری خاص‌تر و حرفه‌ای‌تری بسازی.

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