Code.Cloud | کـــد کلاد
5.07K subscribers
1.05K photos
302 videos
179 files
1.14K links
📡 کد کلاد یک پلتفرم آموزشی و طراحی می‌باشد و با امکاناتی که در اختیار دارد به شما کمک میکند تا در آنلاین کردن کسب و کار خود موفق شوید

⚠️برای مشاوره و کسب اطلاعات میتوانید به آیدی زیر پیام دهید❤️

🧔🏻@codecloud_admin
📃 Websites : Codecloude.ir
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
این جزئیات کوچیکن که UI رو حرفه‌ای نشون میدن

مثلاً اینجا به‌جای اینکه عدد بازدید یکهو عوض بشه، رقم‌ها موقع تغییر عمودی رول می‌شن؛ همون افکت digit roll.

برای:
شمارنده‌ها
آمار بازدید
قیمت
KPI
داشبوردها
خیلی تمیز جواب می‌ده، چون بدون شلوغ‌کاری حس Motion واقعی به UI می‌ده.

پرامپتش هم ساده‌ست:

Roll digits vertically when a number changes instead of swapping the text.

این مدل Micro Interactionها دقیقاً همون چیزیه که طراحی معمولی رو از طراحی فکرشده جدا می‌کنه.

صفحه ای با بیش از 200 کامپوننت بدرد بخور :
https://codecloude.ir/cc_ui_lab/

Codecloude.ir | کــــــد کلاد 🍃🧡
👍9👌1
Media is too big
VIEW IN TELEGRAM
نرم افزار های After Effect و Premiere رو برای AI Agentها از نو ساختن

‏یه Creative Suite از Mirage که به Agentهایی مثل GPT-6 Astra و Sol دسترسی مستقیم به موتور ویدیو میده.

‏این بابا میتونه
‏فوتیج، موشن و صدا رو ادیت کنه،
‏تغییرات دقیق بده،
‏و مستقیم Revision و Render بگیره.

‏ایده‌ش اینه که دیگه Agent مجبور نباشه مثل آدم توی منوها و پنل‌های نرم‌افزار کلیک کنه و مستقیم با موتور ادیت ور بره ‌😁✋🏻.

‏خود ویدیوی معرفی‌ش هم با Tesseract ساخته شده.

‏⁦ https://mirage.app/

Codecloude.ir | کــــــد کلاد 🍃🧡‏
🔥6❤2👍2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥برای تجربه کاربری رون تر در مورد باز شدن منو کشویی، تغییر حالت، کارت‌ها، لیست‌ها و انتقال توجه

contextual

پرامپت :

Animate the accordion to the content real scrollHeight rather than an arbitrary max-height, and keep aria-expanded in sync


🔘صفحه ای با ۲۰۰ پرامپت و کامپوننت : codecloude.ir/cc_ui_lab/

Codecloude.ir | کــــــد کلاد 🍃🧡‏
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👏1
Media is too big
VIEW IN TELEGRAM
🔥 پلتفرم Higgsfield یه تست جالب بین Claude Opus 5.5 و GPT-6 Sol گذاشته؛ هر دو از یک Sketch شروع می‌کنن، ولی نحوه‌ی تبدیل اون خطوط ساده به حرکت، کاراکتر و فضای سه‌بعدی کاملاً فرق داره.

این تست‌ها دارن یه چیز مهم رو نشون میدن, که الان داستان بعد از کد نویسی و ادیت ویدیو داره میره سمت موشن کارا

Codecloude.ir | کــــــد کلاد 🍃🧡‏
Please open Telegram to view this post
VIEW IN TELEGRAM
👌6❤1
This media is not supported in your browser
VIEW IN TELEGRAM
یه Skill جدید ساخته شده به اسم 3dicon که از یک Prompt ساده، آیکن‌های سه‌بعدی Animated می‌سازه.

از 🔥 و ⚡️ گرفته تا 🔑، 🚀، 🔔 و کلی آیکن دیگه.
برای UI، اپ، لندینگ‌پیج، داشبورد و حتی ویدیوهای معرفی محصول خیلی کاربردیه.

GitHub:
https://github.com/samyost1/3dicon

Codecloude.ir | کــــــد کلاد 🍃🧡‏
🔥7👍2
This media is not supported in your browser
VIEW IN TELEGRAM
این ابزار افزایش کیفیت عکس تو یه لیگ دیگه است

تا ۱۵ تا عکس فعلا رایگان کیفیت رو میبره بالا و از لینک زیر میتونید استفاده کنید

https://www.filmera.ai/templates/3051e82b-a722-41b2-b3de-b03ac92d06ec?ref=e3632sww

Codecloude.ir | کــــــد کلاد 🍃🧡
🔥6👌1
Code.Cloud | کـــد کلاد
Video
🔥⚠️یه Progressive Blur خیلی تمیز برای React Native و Expo

پکیج expo-backdrop الان ProgressiveBlurView داره؛ یعنی Blur از یک لبه با شدت شروع میشه و کم‌کم Fade میشه، شبیه افکت‌های جدید iOS.

برای هدر، Tab Bar، Floating Action Bar و مخصوصاً Scroll Edge خیلی کاربردیه.

روی iOS و Android کار می‌کنه و می‌تونی Edge، Intensity، Tint و حتی رفتار حین Scroll رو تنظیم کنی.

GitHub:
https://
github.com/rit3zh/expo-ba
ckdrop

برای UIهایی که می‌خوان حس Native و شیشه‌ای داشته باشن، خیلی گزینه خوبی

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


روی سایت خودمون هم اجرا شده 🧡😘
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥1👌1
این نمونه یک کارت مدرن برای اپلیکیشن املاک هست؛ ترکیبی از:

🏠 نمایش حرفه‌ای محصول
🎨 طراحی مینیمال و لوکس
📱 تجربه کاربری شبیه اپ‌های نسل جدید
⚡ ساختار کامپوننتی برای توسعه سریع‌تر

با ابزارهایی مثل Figma AI میشه ایده‌های اولیه رو سریع‌تر به یک Design System واقعی تبدیل کرد

Codecloude.ir | کــــــد کلاد 🍃🧡
🔥7👍1
CodeCloude_RealEstate_UIUX_Figma_Prompt.docx
37 KB
پرامپت مخصوص Figma ai میباشد
❤6👏1👌1
Media is too big
VIEW IN TELEGRAM
یه روز دیگه با یه منبع فوق العاده دیگه 🫡

این سایت فوق العاده است :

انیمیشن‌های رابط کاربری
تعاملات (Interactions)
Motion Design
ترنزیشن‌ها
ایده‌های Micro Interaction

هر روز نمونه‌های جدید بهش اضافه میشه و بیشتر شبیه یک Moodboard زنده برای Motion Designerها عمل می‌کنه.

برای طراح‌هایی که با Figma، Framer یا Web Design کار می‌کنن خیلی کاربردیه.

لینک:
https://inspora.design

Codecloude.ir | کــــــد کلاد 🍃🧡
🔥7❤1👌1
This media is not supported in your browser
VIEW IN TELEGRAM
ابزار MobileRun اجازه می‌ده آیفون واقعی خودت رو به سیستم وصل کنی و Workflowهای اتوماتیک روی اپ‌های موبایل اجرا کنی؛ یعنی Automation فقط محدود به مرورگر و API نیست و می‌تونه مستقیماً با اپ‌های iOS کار کنه.

برای تست و راه‌اندازی:
https://docs.mobilerun.ai

Codecloude.ir | کــــــد کلاد 🍃🧡
❤6
ساخت تبلیغات تلویزیونی اسون تر از چذشته شده و در دسترس ادم های عادی هم قرار گرفته

به عنوان مثال به یک پرامپت و دو ابزار تصویر ساز. و ویدیو ساز شما میتونید یه همچین تبلیغات محصول رو درست کنید و بر اساس ذوق خودتون شخصی سازیش کنید ✋🏻🫡

Codecloude.ir | کــــــد کلاد 🍃🧡
👏6🔥2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
حسابداری حرفه‌ای، ساده‌تر از همیشه ✨
اگر دنبال یک سیستم حسابداری اختصاصی برای مدیریت بهتر کسب‌وکارت هستی، این دقیقاً همون چیزیه که لازم داری.

با سیستم حسابداری کد کلود می‌تونی:

🔸 مشتری‌هات رو مدیریت کنی
🔸 فاکتورهای حرفه‌ای ثبت و پیگیری کنی
🔸 درآمد و هزینه‌ها رو دقیق ببینی
🔸 گزارش‌های مالی کاربردی داشته باشی
🔸 همه‌چیز رو یکجا و منظم کنترل کنی

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

اگر دوست داری این سیستم رو برای کسب‌وکار خودت داشته باشی، طریق سایت اقدام کن 👇

⚙️ https://codecloude.ir/product/codecloude-accounting/

#حسابداری #سیستم_حسابداری #نرم_افزار_حسابداری
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥4👍2👏1
Media is too big
VIEW IN TELEGRAM
ابزار Higgsfield اولین انیمیشن کوتاه Hybrid خودش رو با ترکیب Blender + AI ساخته 🎬

اسم پروژه Passport Rushـه و برای ساختش از سه بخش کنار هم استفاده کردن:

• Storyboardهای دست‌ساز 2D
• Previs سه‌بعدی داخل Blender
• AI Animation با Higgsfield

نکته جذاب‌تر اینکه کل پروژه رو Open Source کردن؛ یعنی می‌تونی پرامپت‌ها، Assetها و مراحل ساخت رو ببینی و دقیقاً بررسی کنی این Pipeline چطور ساخته شده.

صفحه کامل پروژه و Breakdown:
https://higgsfield.ai/@higgsfield.studio/projects/passport-rush
Codecloude.ir | کــــــد کلاد 🍃🧡

این مدل Workflow خیلی مهمه چون نشون میده آینده‌ی انیمیشن‌سازی احتمالاً فقط «AI Video» نیست؛
بلکه ترکیب کنترل دقیق 3D + سرعت AIـه.

برای ابزارها، پرامپت‌ها و Workflowهای بیشتر AI 👇
https://t.me/+Te_FX2jm5EfcxwEp
1❤8🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
‏این ویدیوهای خفن Motion که این چند روز با Opus می‌بینید، واقعاً با «یه پرامپت» ساخته نمی‌شن

‏اگه Reference ندی، معمولاً خروجی میره سمت همون استایل جنریک AI.

‏Workflow درست خیلی شبیه اینه:

‏Reference
‏→ HyperFrames / Remotion
‏→ UI واقعی
‏→ Brand Context
‏→ چند Storyboard
‏→ تأیید Still Frameها
‏→ Director Notes
‏→ Render نهایی

‏حتی فیدبک هم نباید «بهترش کن» باشه؛ باید دقیق بگی کجا Zoom کندتر بشه، کجا Hard Cut بخوره، روی کدوم Button Push-in بشه و هر Scene چقدر Hold داشته باشه.

‏من کل این Workflow رو همراه با پرامپت‌های آماده، Master Prompt، چک‌لیست رندر، اشتباهات رایج و لینک ابزارها توی یه فایل Word مرتب کردم

‏
Codecloude.ir | کــــــد کلاد 🍃🧡
2❤12👌4