Code.Cloud | کـــد کلاد
product_service_2026_08_24T19_17_41_part_1_6e6b4ca0_0d40_4086_9691.csv
این فایل شامل شناسه‌های استاندارد کالا و خدمات مورد استفاده در صورتحساب‌های الکترونیکی سامانه مؤدیان است.
اگر قصد دارید فروشگاه، نرم‌افزار حسابداری یا سیستم صدور فاکتور خود را به سامانه مؤدیان متصل کنید، برای هر کالا یا خدمت باید شناسه صحیح آن را در صورتحساب ثبت کنید.
داخل فایل میتوانید عنوان کالا یا خدمت موردنظر را جست‌وجو کرده و شناسه مرتبط را پیدا کنید.
❗ تاریخ بروز رسانی این اکسل : ۲ شهریور ۱۴۰۵ می‌باشد
Please open Telegram to view this post
VIEW IN TELEGRAM
👌3👍1
Code.Cloud | کـــد کلاد
🚀 مدیریت ووکامرس، مستقیم از موبایل با Woo Mobile AI
اگه فروشگاه ووکامرسی داری، احتمالاً برای خیلی از کارهای روزمره هنوز مجبور می‌شی وارد پیشخوان وردپرس بشی؛ سفارش‌ها رو چک کنی، موجودی رو ببینی، محصولات رو مدیریت کنی یا گزارش فروش بگیری.
Woo Mobile AI ساخته شده تا بخش مهمی از مدیریت فروشگاهت رو بیاره روی موبایل. 📱
باهاش می‌تونی:
• سفارش‌ها رو سریع بررسی و مدیریت کنی
• وضعیت سفارش‌ها رو تغییر بدی
• محصولات، قیمت و موجودی رو کنترل کنی
• اطلاعات مشتری‌ها رو ببینی
• گزارش‌های فروش و عملکرد فروشگاه رو بررسی کنی
• اعلان‌های مهم فروشگاه رو دریافت کنی
• از ابزارهای هوشمند برای مدیریت سریع‌تر استفاده کنی
یعنی مدیریت فروشگاهت، همیشه همراهته. ⚡️
🎁 تخفیف ویژه اعضای کانال Code Cloude
فقط برای مدت محدود می‌تونی Woo Mobile AI رو با ۳۰٪ تخفیف تهیه کنی.
کد تخفیف:
AJ5KHUZK
🛒 لینک مشاهده و خرید:
https://codecloude.ir/product/woo-mobile-ai/
اگه فروشگاه ووکامرسی داری و بیشتر کارهات رو با موبایل انجام می‌دی، Woo Mobile AI می‌تونه مدیریت روزانه فروشگاهت رو خیلی سریع‌تر و ساده‌تر کنه.
⛅️ CODE CLOUDE 🧡🍃
www.codecloude.ir
اگه فروشگاه ووکامرسی داری، احتمالاً برای خیلی از کارهای روزمره هنوز مجبور می‌شی وارد پیشخوان وردپرس بشی؛ سفارش‌ها رو چک کنی، موجودی رو ببینی، محصولات رو مدیریت کنی یا گزارش فروش بگیری.
Woo Mobile AI ساخته شده تا بخش مهمی از مدیریت فروشگاهت رو بیاره روی موبایل. 📱
باهاش می‌تونی:
• سفارش‌ها رو سریع بررسی و مدیریت کنی
• وضعیت سفارش‌ها رو تغییر بدی
• محصولات، قیمت و موجودی رو کنترل کنی
• اطلاعات مشتری‌ها رو ببینی
• گزارش‌های فروش و عملکرد فروشگاه رو بررسی کنی
• اعلان‌های مهم فروشگاه رو دریافت کنی
• از ابزارهای هوشمند برای مدیریت سریع‌تر استفاده کنی
یعنی مدیریت فروشگاهت، همیشه همراهته. ⚡️
🎁 تخفیف ویژه اعضای کانال Code Cloude
فقط برای مدت محدود می‌تونی Woo Mobile AI رو با ۳۰٪ تخفیف تهیه کنی.
کد تخفیف:
AJ5KHUZK
🛒 لینک مشاهده و خرید:
https://codecloude.ir/product/woo-mobile-ai/
اگه فروشگاه ووکامرسی داری و بیشتر کارهات رو با موبایل انجام می‌دی، Woo Mobile AI می‌تونه مدیریت روزانه فروشگاهت رو خیلی سریع‌تر و ساده‌تر کنه.
www.codecloude.ir
Please open Telegram to view this post
VIEW IN TELEGRAM
کد کلاد | CodeCloud
افزونه Woo Mobile AI نسخه 7 | مدیریت کامل ووکامرس با اپ - کد کلاد | CodeCloud
Woo Mobile AI یک راهکار حرفه‌ای برای مدیریت کامل فروشگاه ووکامرسی از طریق موبایل است. با این محصول میتوانید سفارش‌ها، محصولات، موجودی، مشتریان، گزارش‌های فروش، CRM، اتوماسیون‌ها و محتوای هوش مصنوعی را از طریق اپ اندروید یا وب‌اپ آیفون مدیریت کنید. اتصال…
❤3🥰2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
بدون دست، بدون کات و با یک شات پیوسته.
این مدل الان از طریق Pika API برای Text-to-Video، Image-to-Video، Reference-to-Video و Video-to-Video در دسترسه. (Pika API)
پرامپت پیشنهادی:
Extreme macro shot of woven cotton shirt fabric, empty at first. Colored embroidery threads rise from the surface and weave themselves into place, laying down tight satin stitches row by row, tracing out the uploaded logo. The stitched area grows steadily across the frame, thread pulling taut and rising into dimensional embroidered texture until the full logo is complete. Camera holds steady, slow satisfying timelapse pace. Soft natural side light, shallow depth of field, visible fabric fibers and realistic thread sheen. No hands, thread moves on its own. One shot, no scene change
برای ساخت Logo Reveal، Brand Animation و تبلیغات محصول واقعاً ایده خفنیه.
Pika API:
https://dev.pika.art/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤1👍1👌1
Media is too big
VIEW IN TELEGRAM
اگر با Claude، Codex، Cursor، Lovable یا هر AI Coding Agent دیگه‌ای سایت می‌سازید، این یکی رو حتماً Save کنید. VibeUi یک کتابخونه رایگان از پرامپت‌های آماده UI داره که برای بخش‌های مختلف سایت طراحی شدن؛ مثل:
Hero Section
Pricing
Auth Screens
Bento Grid
Dashboard
Navbar
Testimonials
FAQ
Footer
Onboarding
Blog
Contact
و کلی Layout دیگه
مزیتش اینه که لازم نیست هر بار از صفر توضیح بدی:
«یه هیرو مینیمال با CTA سمت چپ و تصویر محصول سمت راست بساز…»
کافیه Layout موردنظرت رو پیدا کنی، Prompt رو Copy کنی و بدی به Agent.
یعنی:
Pick UI Pattern
↓
Copy Prompt
↓
Paste into AI
↓
Generate Better UI
برای کسایی که با Vibe Coding سایت می‌سازن، این دقیقاً همون چیزیه که کمک می‌کنه خروجی‌ها کمتر Generic و تکراری باشن.
الان ۹۲ پرامپت رایگان در ۱۵ دسته داخلش هست.
https://vibeui.online/
Codecloude.ir | کــــد کلاد 🧡🍃
Hero Section
Pricing
Auth Screens
Bento Grid
Dashboard
Navbar
Testimonials
FAQ
Footer
Onboarding
Blog
Contact
و کلی Layout دیگه
مزیتش اینه که لازم نیست هر بار از صفر توضیح بدی:
«یه هیرو مینیمال با CTA سمت چپ و تصویر محصول سمت راست بساز…»
کافیه Layout موردنظرت رو پیدا کنی، Prompt رو Copy کنی و بدی به Agent.
یعنی:
Pick UI Pattern
↓
Copy Prompt
↓
Paste into AI
↓
Generate Better UI
برای کسایی که با Vibe Coding سایت می‌سازن، این دقیقاً همون چیزیه که کمک می‌کنه خروجی‌ها کمتر Generic و تکراری باشن.
الان ۹۲ پرامپت رایگان در ۱۵ دسته داخلش هست.
https://vibeui.online/
Codecloude.ir | کــــد کلاد 🧡🍃
👍4❤2🔥2👏1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 این ویدئو رو ببینید ؛
این یک Micro-interaction برای OTP Verification است و از نظر فنی خیلی تمیز و سبک طراحی شده.اتفاقی که می‌افته اینه:
-ابتدا ۴ باکس OTP کنار هم هستن.
-کاربر کد تایید را وارد می‌کنه.
-به محض وارد شدن رقم آخر، باکس‌ها از حالت خطی خارج می‌شن.
-هر چهار باکس روی یک مدار دایره‌ای قرار می‌گیرن.
-کل مجموعه شروع به چرخش می‌کنه و خود باکس‌ها هم هنگام حرکت زاویه می‌گیرن.
-سپس رنگ استیت از سفید/خاکستری به سبز تغییر می‌کنه.
چهار عدد به سمت مرکز جمع می‌شون.
در نهایت به یک المان واحد تبدیل می‌شن و Verified successfully نمایش داده می‌شه.نکته جذابش اینه که ، کل افکت با HTML + CSS + JavaScript خالص ساخته شده و dependency خاصی نداره
یعنی برای پنل کاربری سایت ها هم کاملاً قابل استفاده اس ؛ نه GSAP لازم دارد، نه React، نه کتابخانه انیمیشن
Codecloude.ir | کــــد کلاد 🧡🍃
این یک Micro-interaction برای OTP Verification است و از نظر فنی خیلی تمیز و سبک طراحی شده.اتفاقی که می‌افته اینه:
-ابتدا ۴ باکس OTP کنار هم هستن.
-کاربر کد تایید را وارد می‌کنه.
-به محض وارد شدن رقم آخر، باکس‌ها از حالت خطی خارج می‌شن.
-هر چهار باکس روی یک مدار دایره‌ای قرار می‌گیرن.
-کل مجموعه شروع به چرخش می‌کنه و خود باکس‌ها هم هنگام حرکت زاویه می‌گیرن.
-سپس رنگ استیت از سفید/خاکستری به سبز تغییر می‌کنه.
چهار عدد به سمت مرکز جمع می‌شون.
در نهایت به یک المان واحد تبدیل می‌شن و Verified successfully نمایش داده می‌شه.نکته جذابش اینه که ، کل افکت با HTML + CSS + JavaScript خالص ساخته شده و dependency خاصی نداره
یعنی برای پنل کاربری سایت ها هم کاملاً قابل استفاده اس ؛ نه GSAP لازم دارد، نه React، نه کتابخانه انیمیشن
Codecloude.ir | کــــد کلاد 🧡🍃
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4😍2👏1👌1🥴1🫡1
🔥👌🏻حتما وقت بزارید و این تجربه کار با ai رو از دست ندید
با یه پرامپت درست و چند ابزار ساخت تصویر و ویدیو می‌تونی از صفر یه انیمیشن کامل بسازی که هم کاراکتر ثابت داشته باشه، هم فضای یکدست، هم شات‌های مختلف و هم خروجی شبیه یه انیمیشن حرفه‌ای.
تو این سناریو از ساخت تصاویر مرجع شروع می‌کنی، بعد همون کاراکتر و آشپزخونه رو وارد مرحله ویدیو می‌کنی و صحنه‌ها رو یکی‌یکی می‌سازی: معرفی، خرد کردن اورئو، ترکیب شکلات، پخت، تزئین و در نهایت تست کیک.
نکته مهم اینه که برای خروجی خوب، فقط گفتن «یه انیمیشن آشپزی بساز» کافی نیست. باید Character Consistency، Environment، Camera، Lighting، Scene Structure و Negative Prompt رو دقیق مشخص کنی.
فایل کامل پرامپت تصویر + ویدیو + نسخه کوتاه و بهینه‌شده
Codecloude.ir | کــــد کلاد 🧡🍃
با یه پرامپت درست و چند ابزار ساخت تصویر و ویدیو می‌تونی از صفر یه انیمیشن کامل بسازی که هم کاراکتر ثابت داشته باشه، هم فضای یکدست، هم شات‌های مختلف و هم خروجی شبیه یه انیمیشن حرفه‌ای.
تو این سناریو از ساخت تصاویر مرجع شروع می‌کنی، بعد همون کاراکتر و آشپزخونه رو وارد مرحله ویدیو می‌کنی و صحنه‌ها رو یکی‌یکی می‌سازی: معرفی، خرد کردن اورئو، ترکیب شکلات، پخت، تزئین و در نهایت تست کیک.
نکته مهم اینه که برای خروجی خوب، فقط گفتن «یه انیمیشن آشپزی بساز» کافی نیست. باید Character Consistency، Environment، Camera، Lighting، Scene Structure و Negative Prompt رو دقیق مشخص کنی.
فایل کامل پرامپت تصویر + ویدیو + نسخه کوتاه و بهینه‌شده
Codecloude.ir | کــــد کلاد 🧡
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤1🔥1👌1
Media is too big
VIEW IN TELEGRAM
Codecloude.ir | کــــد کلاد 🧡🍃
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2🔥1
codecloud_100_ai_web_resources_samarqand.pdf
216.6 KB
اگه با Claude، Cursor، Codex، Lovable، v0 یا ابزارهای مشابه سایت می‌سازی، این فایل واقعاً به کارت میاد.
داخل این PDF، ۱۰۰ تا از بهترین سایت‌ها و منابع طراحی وب رو برات دسته‌بندی کردیم؛ از:
-Prompt Library
-UI Component
-Motion & Animation
-3D Website
-Landing Page Inspiration
-SaaS UI
تا ابزارهایی که می‌تونی مستقیم کنار Coding Agentها استفاده کنی. همه منابع رو یکجا جمع کردیم که لازم نباشه ساعت‌ها بین سایت‌های مختلف بگردی. 👌
📥 دانلود فایل کاملاً رایگانه
فایل PDF رو از همین پست بردار و نگهش دار؛ احتمالاً بارها بهش برمی‌گردی.
اگه طراحی سایت با AI انجام می‌دی، این یکی واقعاً ارزش Save کردن داره. 🚀
#طراحی_وب #هوش_مصنوعی #طراحی_سایت #VibeCoding
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰2❤1🔥1👌1
Media is too big
VIEW IN TELEGRAM
آموزش سوپر کاربردی برای کسایی که می‌خوان با AI سایت بسازن 👀🔥 ( حتما وقت بزارید و یاد بگیرید )
توی این Workflow از Claude Fable 5 برای ساخت و توسعه کامل سایت و از Seedance 2.5 برای ساخت محتوای ویدیویی و بخش‌های بصری استفاده شده؛ نتیجه هم یه سایت کامل Responsive برای موبایل و دسکتاپه، بدون اینکه لازم باشه از صفر کدنویسی کنی. Claude Fable 5 رسماً برای پروژه‌های پیچیده و طولانی برنامه‌نویسی طراحی شده و Seedance 2.5 هم ویدیوهای تا ۳۰ ثانیه با ورودی‌های چندمرجعی می‌سازه.
نکته مهم اینه که اینا یک محصول یکپارچه نیستن؛ جذابیت کار دقیقاً توی Workflowـه:
Idea → Claude → Website → Visual Assets → Seedance → Final Experience
Codecloude.ir | کــــــد کلاد 🍃🧡
توی این Workflow از Claude Fable 5 برای ساخت و توسعه کامل سایت و از Seedance 2.5 برای ساخت محتوای ویدیویی و بخش‌های بصری استفاده شده؛ نتیجه هم یه سایت کامل Responsive برای موبایل و دسکتاپه، بدون اینکه لازم باشه از صفر کدنویسی کنی. Claude Fable 5 رسماً برای پروژه‌های پیچیده و طولانی برنامه‌نویسی طراحی شده و Seedance 2.5 هم ویدیوهای تا ۳۰ ثانیه با ورودی‌های چندمرجعی می‌سازه.
نکته مهم اینه که اینا یک محصول یکپارچه نیستن؛ جذابیت کار دقیقاً توی Workflowـه:
Idea → Claude → Website → Visual Assets → Seedance → Final Experience
Codecloude.ir | کــــــد کلاد 🍃🧡
❤4🔥1🥰1👌1
خبر خوب برای اندرویدی‌ها 👀 🔥
𝗚𝗿𝗼𝗸 𝗕𝗼𝘁 رسماً روی Android منتشر شد. یعنی اون Agentهایی که می‌تونی بهشون کار واقعی بسپری، حالا روی گوشی اندرویدی هم در دسترسن؛ Botها روی یک کامپیوتر ابری پایدار کار می‌کنن، می‌تونن داخل ابزارها و اپ‌ها لاگین کنن، کارها رو چندمرحله‌ای جلو ببرن و فقط وقتی نیاز به تأییدت دارن برگردن سراغت.
جالب‌تر اینکه Grok Bot الان به X هم وصل می‌شه؛ می‌تونی ازش بخوای پست‌ها رو سرچ کنه، Timeline و Mentionها رو بخونه، ترندها رو جمع‌بندی کنه و Bookmarkها رو مدیریت کنه. یعنی ترکیب Android + X Connector + Grok Bot عملاً یه Research Assistant همیشه‌همراه می‌سازه.
𝗚𝗿𝗼𝗸 𝗕𝗼𝘁 𝗼𝗻 𝗔𝗻𝗱𝗿𝗼𝗶𝗱 = AI teammate in your pocket.
🖥 دانلود :
https://play.google.com/store/apps/details?id=ai.x.grok.bot&pli=1
𝗚𝗿𝗼𝗸 𝗕𝗼𝘁 رسماً روی Android منتشر شد. یعنی اون Agentهایی که می‌تونی بهشون کار واقعی بسپری، حالا روی گوشی اندرویدی هم در دسترسن؛ Botها روی یک کامپیوتر ابری پایدار کار می‌کنن، می‌تونن داخل ابزارها و اپ‌ها لاگین کنن، کارها رو چندمرحله‌ای جلو ببرن و فقط وقتی نیاز به تأییدت دارن برگردن سراغت.
جالب‌تر اینکه Grok Bot الان به X هم وصل می‌شه؛ می‌تونی ازش بخوای پست‌ها رو سرچ کنه، Timeline و Mentionها رو بخونه، ترندها رو جمع‌بندی کنه و Bookmarkها رو مدیریت کنه. یعنی ترکیب Android + X Connector + Grok Bot عملاً یه Research Assistant همیشه‌همراه می‌سازه.
𝗚𝗿𝗼𝗸 𝗕𝗼𝘁 𝗼𝗻 𝗔𝗻𝗱𝗿𝗼𝗶𝗱 = AI teammate in your pocket.
https://play.google.com/store/apps/details?id=ai.x.grok.bot&pli=1
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
نظرتون راجع به چنل بهم بگید 🙏🏻
Anonymous Poll
88%
بیشتر فعالیت کنید، محتواها خیلی خوبه
13%
همین مقدار زیاد هم هست
9%
برو بابا حوصله داری
❤3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
وبسایت 𝗹𝗶𝗯𝗿𝗮𝗿𝗶𝗲𝘀.𝗱𝗲𝘃 چند تا کتابخونه آماده برای افکت‌های مدرن UI رو یکجا جمع کرده؛ فعلاً چیزهایی مثل Border Beam، Thinking Orbs، Liquid Metal، Gooey و Image Effects داره و بیش از ۲۰ Variant آماده هم براشون گذاشته. نکته خوبش اینه که می‌تونی سریع Preview بگیری و مستقیم برای پروژه‌هات استفاده کنی.
برای Hero Section، Dashboard، AI Interface، Loading State و سایت‌های Motion-heavy واقعاً می‌تونه ایده‌های خوبی بده؛ مخصوصاً اگه با Claude، Codex یا Cursor سایت می‌سازی و می‌خوای خروجی کمتر Generic باشه.
Codecloude.ir | کــــــد کلاد 🍃🧡
برای Hero Section، Dashboard، AI Interface، Loading State و سایت‌های Motion-heavy واقعاً می‌تونه ایده‌های خوبی بده؛ مخصوصاً اگه با Claude، Codex یا Cursor سایت می‌سازی و می‌خوای خروجی کمتر Generic باشه.
Codecloude.ir | کــــــد کلاد 🍃🧡
🔥6❤1👍1👌1
This media is not supported in your browser
VIEW IN TELEGRAM
متیو برمن که Early Access ( دسترسی زود تر ) به 𝗚𝗣𝗧-𝟲 𝗔𝘀𝘁𝗿𝗮 داشته، می‌گه این بهترین مدلیه که تا حالا استفاده کرده؛ و نکته جالب اینه که تعریفش فقط از Code یا Knowledge نیست🔥
طبق تجربه‌ش، Astra توی چند بخش واقعاً جهش داشته:
𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗖𝗼𝗻𝘁𝗿𝗼𝗹
خیلی سریع‌تر و قابل‌اعتمادتر شده و برای انجام کارهای واقعی داخل مرورگر یه لِوِل بالاتره.
𝗣𝗿𝗼𝗺𝗽𝘁 → 𝗣𝗹𝗮𝘆𝗮𝗯𝗹𝗲 𝗚𝗮𝗺𝗲
می‌گه داریم به جایی می‌رسیم که از یه Prompt، فقط Demo نسازیم؛ واقعاً بشه یه بازی قابل‌بازی و حتی جذاب درآورد.
𝗪𝗿𝗶𝘁𝗶𝗻𝗴
اون حس «متن AIـی» کمتر شده، هرچند خودش هم می‌گه هنوز کامل از بین نرفته.
𝗗𝗲𝘀𝗶𝗴𝗻 & 𝗦𝘁𝗲𝗲𝗿𝗮𝗯𝗶𝗹𝗶𝘁𝘆
هنوز بعضی عادت‌های بصری مدل‌های قبلی رو داره، ولی خیلی بهتر می‌شه Direction داد و ظاهر خروجی رو کنترل کرد.
𝟯𝗗 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴
اینجا ظاهراً یکی از بزرگ‌ترین جهش‌هاست؛ از ساخت Asset گرفته تا Spatial Awareness توی صحنه‌های 3D پیچیده.
و یه نکته مهم‌تر:
می‌گه وقتی Prompt دقیق‌تر و با جزئیات بیشتری می‌داده، Astra می‌تونسته مدت طولانی‌تری روی Task کار کنه و نتیجه خیلی بهتر بشه.
اگه این تجربه‌ها تو استفاده عمومی هم تکرار بشن، 𝗔𝘀𝘁𝗿𝗮 فقط یه مدل قوی‌تر نیست؛ بیشتر شبیه یه Agent جدی برای کارهای طولانی و پیچیده‌ست
Codecloude.ir | کــــــد کلاد 🍃🧡
طبق تجربه‌ش، Astra توی چند بخش واقعاً جهش داشته:
𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗖𝗼𝗻𝘁𝗿𝗼𝗹
خیلی سریع‌تر و قابل‌اعتمادتر شده و برای انجام کارهای واقعی داخل مرورگر یه لِوِل بالاتره.
𝗣𝗿𝗼𝗺𝗽𝘁 → 𝗣𝗹𝗮𝘆𝗮𝗯𝗹𝗲 𝗚𝗮𝗺𝗲
می‌گه داریم به جایی می‌رسیم که از یه Prompt، فقط Demo نسازیم؛ واقعاً بشه یه بازی قابل‌بازی و حتی جذاب درآورد.
𝗪𝗿𝗶𝘁𝗶𝗻𝗴
اون حس «متن AIـی» کمتر شده، هرچند خودش هم می‌گه هنوز کامل از بین نرفته.
𝗗𝗲𝘀𝗶𝗴𝗻 & 𝗦𝘁𝗲𝗲𝗿𝗮𝗯𝗶𝗹𝗶𝘁𝘆
هنوز بعضی عادت‌های بصری مدل‌های قبلی رو داره، ولی خیلی بهتر می‌شه Direction داد و ظاهر خروجی رو کنترل کرد.
𝟯𝗗 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴
اینجا ظاهراً یکی از بزرگ‌ترین جهش‌هاست؛ از ساخت Asset گرفته تا Spatial Awareness توی صحنه‌های 3D پیچیده.
و یه نکته مهم‌تر:
می‌گه وقتی Prompt دقیق‌تر و با جزئیات بیشتری می‌داده، Astra می‌تونسته مدت طولانی‌تری روی Task کار کنه و نتیجه خیلی بهتر بشه.
اگه این تجربه‌ها تو استفاده عمومی هم تکرار بشن، 𝗔𝘀𝘁𝗿𝗮 فقط یه مدل قوی‌تر نیست؛ بیشتر شبیه یه Agent جدی برای کارهای طولانی و پیچیده‌ست
Codecloude.ir | کــــــد کلاد 🍃🧡
❤5👍2🔥1👏1
Media is too big
VIEW IN TELEGRAM
Anthropic یه دوره تقریباً ۱ ساعته و رایگان برای Claude Code منتشر کرده و اگه با AI کدنویسی می‌کنید، واقعاً پیشنهاد می‌کنم سیوش نکنید که «بعداً ببینم»؛ براش وقت بذارید و کامل ببینید. 🔥
این آموزش از استفاده ساده شبیه autocomplete شروع می‌کنه و می‌رسه به جایی که Claude Code واقعاً مثل یه Coding Agent پروژه رو بررسی می‌کنه، برنامه می‌ریزه، Tool صدا می‌زنه، تست اجرا می‌کنه و یه Task واقعی رو تا Commit جلو می‌بره. خود Anthropic هم این جلسه رو برای توسعه‌دهنده‌هایی ساخته که تازه می‌خوان Claude Code رو جدی وارد Workflow خودشون کنن.
𝗧𝗶𝗺𝗲𝗹𝗶𝗻𝗲 👇
𝟬𝟬:𝟬𝟬 → Autocomplete تا Agent
𝟬𝟰:𝟱𝟬 → Agentic Loop چطور کار می‌کنه
𝟭𝟰:𝟬𝟳 → استفاده از CLAUDE.md به‌عنوان حافظه پروژه
𝟮𝟲:𝟱𝟯 → چرا Plan Mode مهمه
𝟯𝟯:𝟯𝟭 → اجرای یه Task واقعی از Brief تا Commit
𝟱𝟰:𝟰𝟲 → تفاوت Skills vs CLAUDE.md
خیلی‌ها هنوز Claude Code رو مثل یه autocomplete باهوش‌تر استفاده می‌کنن؛ این آموزش دقیقاً نشون می‌ده چطور باید ازش به‌عنوان یه Agent واقعی برای توسعه نرم‌افزار استفاده کرد.
حتماً یک ساعت براش وقت بذارید. به‌نظرم برای کسی که قراره جدی با Claude Code کار کنه، از خیلی دوره‌های پولی کاربردی‌تره.
🎥 Claude Code in an Hour: A Developer’s Intro
https://www.anthropic.com/webinars/claude-code-in-an-hour-a-developers-intro
Codecloude.ir | کــــــد کلاد 🍃🧡
این آموزش از استفاده ساده شبیه autocomplete شروع می‌کنه و می‌رسه به جایی که Claude Code واقعاً مثل یه Coding Agent پروژه رو بررسی می‌کنه، برنامه می‌ریزه، Tool صدا می‌زنه، تست اجرا می‌کنه و یه Task واقعی رو تا Commit جلو می‌بره. خود Anthropic هم این جلسه رو برای توسعه‌دهنده‌هایی ساخته که تازه می‌خوان Claude Code رو جدی وارد Workflow خودشون کنن.
𝗧𝗶𝗺𝗲𝗹𝗶𝗻𝗲 👇
𝟬𝟬:𝟬𝟬 → Autocomplete تا Agent
𝟬𝟰:𝟱𝟬 → Agentic Loop چطور کار می‌کنه
𝟭𝟰:𝟬𝟳 → استفاده از CLAUDE.md به‌عنوان حافظه پروژه
𝟮𝟲:𝟱𝟯 → چرا Plan Mode مهمه
𝟯𝟯:𝟯𝟭 → اجرای یه Task واقعی از Brief تا Commit
𝟱𝟰:𝟰𝟲 → تفاوت Skills vs CLAUDE.md
خیلی‌ها هنوز Claude Code رو مثل یه autocomplete باهوش‌تر استفاده می‌کنن؛ این آموزش دقیقاً نشون می‌ده چطور باید ازش به‌عنوان یه Agent واقعی برای توسعه نرم‌افزار استفاده کرد.
حتماً یک ساعت براش وقت بذارید. به‌نظرم برای کسی که قراره جدی با Claude Code کار کنه، از خیلی دوره‌های پولی کاربردی‌تره.
🎥 Claude Code in an Hour: A Developer’s Intro
https://www.anthropic.com/webinars/claude-code-in-an-hour-a-developers-intro
Codecloude.ir | کــــــد کلاد 🍃🧡
👏4❤2🔥1
Media is too big
VIEW IN TELEGRAM
یه آموزش تقریباً ۱ ساعته درباره 𝗚𝗿𝗮𝗽𝗵 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 که اگه به Agentها و سیستم‌های چندمرحله‌ای AI علاقه دارید، واقعاً پیشنهاد می‌کنم براش وقت بذارید و کامل ببینید. 🔥
ایده اصلی اینه که Agent رو از حالت یه مسیر خطی خارج کنیم و کار رو به شکل یه Graph طراحی کنیم؛ جایی که چند Agent یا Worker می‌تونن همزمان کار کنن، خروجی همدیگه رو بررسی کنن، در صورت نیاز دوباره اجرا بشن و در نهایت به یه نتیجه واحد برسن.
𝗧𝗶𝗺𝗲𝗹𝗶𝗻𝗲 👇
𝟬𝟬:𝟬𝟬 → Graphها دقیقاً چی هستن؟
𝟬𝟵:𝟭𝟲 → ساخت اولین Agent
𝟮𝟭:𝟭𝟱 → مفهوم Graph Engineering
𝟰𝟭:𝟬𝟯 → پیاده‌سازی عملی Graph
𝟱𝟮:𝟮𝟭 → Self-improving Graphs
جذاب‌ترین بخشش برای من Self-improving Graphsـه؛ یعنی سیستم فقط یه بار Workflow رو اجرا نمی‌کنه، بلکه می‌تونه نتیجه رو بررسی کنه، ضعف‌ها رو پیدا کنه و دوباره بخش‌های لازم رو اجرا کنه
اگه قراره جدی Agent بسازید، اینو یه ساعت براش وقت بذارید. به‌نظرم بعدش Agent Workflowها رو یه جور دیگه می‌بینید. 👀
ایده اصلی اینه که Agent رو از حالت یه مسیر خطی خارج کنیم و کار رو به شکل یه Graph طراحی کنیم؛ جایی که چند Agent یا Worker می‌تونن همزمان کار کنن، خروجی همدیگه رو بررسی کنن، در صورت نیاز دوباره اجرا بشن و در نهایت به یه نتیجه واحد برسن.
𝗧𝗶𝗺𝗲𝗹𝗶𝗻𝗲 👇
𝟬𝟬:𝟬𝟬 → Graphها دقیقاً چی هستن؟
𝟬𝟵:𝟭𝟲 → ساخت اولین Agent
𝟮𝟭:𝟭𝟱 → مفهوم Graph Engineering
𝟰𝟭:𝟬𝟯 → پیاده‌سازی عملی Graph
𝟱𝟮:𝟮𝟭 → Self-improving Graphs
جذاب‌ترین بخشش برای من Self-improving Graphsـه؛ یعنی سیستم فقط یه بار Workflow رو اجرا نمی‌کنه، بلکه می‌تونه نتیجه رو بررسی کنه، ضعف‌ها رو پیدا کنه و دوباره بخش‌های لازم رو اجرا کنه
اگه قراره جدی Agent بسازید، اینو یه ساعت براش وقت بذارید. به‌نظرم بعدش Agent Workflowها رو یه جور دیگه می‌بینید. 👀
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
مشکل خیلی از خروجی‌های AI اینه که بهش می‌گیم «یه UI پریمیوم بساز» و بعد امیدواریم خودش بفهمه دقیقاً چه رنگ، فونت، spacing، radius، shadow و component languageـی مدنظر ماست.
سایت 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 این مشکل رو حل می‌کنه؛ یعنی Design System پروژه رو به یک فایل قابل‌خواندن برای Agent تبدیل می‌کنی تا قبل از ساخت UI، قوانین بصری پروژه رو بدونه. Refero مثلاً DESIGN.md واقعی سایت‌ها رو با typography، colors، spacing و component rules آماده می‌کنه و Hyperbrowser هم می‌تونه از روی URL سایت چنین فایلی استخراج کنه.
۸ منبعی که توی این لیست ارزش Save کردن دارن 👇
𝗥𝗲𝗳𝗲𝗿𝗼 𝗦𝘁𝘆𝗹𝗲𝘀
https://styles.refero.design
𝗗𝗲𝘀𝗶𝗴𝗻𝗠𝗗
https://designmd.me
𝗢𝗽𝗲𝗻𝗗𝗲𝘀𝗶𝗴𝗻
https://open-design.ai
𝗗𝗲𝘀𝗶𝗴𝗻𝗠𝗗 𝗦𝘂𝗽𝗽𝗹𝘆
https://designmd.supply
𝗔𝘂𝗿𝗮
https://aura.build
𝗡𝗲𝘂𝗳𝗼𝗿𝗺
https://neuform.ai
𝗛𝘆𝗽𝗲𝗿𝗯𝗿𝗼𝘄𝘀𝗲𝗿 𝗗𝗘𝗦𝗜𝗚𝗡𝗠𝗗
https://design-md.hyperbrowser.ai
𝗧𝘆𝗽𝗲𝗨𝗜
https://typeui.sh
Workflow پیشنهادی من:
𝗥𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲 → 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 → 𝗖𝗹𝗮𝘂𝗱𝗲/𝗖𝘂𝗿𝘀𝗼𝗿/𝗖𝗼𝗱𝗲𝘅 → 𝗨𝗜 → 𝗥𝗲𝗳𝗶𝗻𝗲
یعنی به‌جای اینکه هر صفحه رو با حدس و آزمون‌وخطا طراحی کنی، از همون اول یه Design Contract به Agent می‌دی. نتیجه معمولاً خروجی منسجم‌تر و کمتر Genericـه. DESIGN.md دقیقاً برای همین نقش «design context» قبل از تولید UI استفاده می‌شه.
Codecloude.ir | کــــــد کلاد 🍃🧡
سایت 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 این مشکل رو حل می‌کنه؛ یعنی Design System پروژه رو به یک فایل قابل‌خواندن برای Agent تبدیل می‌کنی تا قبل از ساخت UI، قوانین بصری پروژه رو بدونه. Refero مثلاً DESIGN.md واقعی سایت‌ها رو با typography، colors، spacing و component rules آماده می‌کنه و Hyperbrowser هم می‌تونه از روی URL سایت چنین فایلی استخراج کنه.
۸ منبعی که توی این لیست ارزش Save کردن دارن 👇
𝗥𝗲𝗳𝗲𝗿𝗼 𝗦𝘁𝘆𝗹𝗲𝘀
https://styles.refero.design
𝗗𝗲𝘀𝗶𝗴𝗻𝗠𝗗
https://designmd.me
𝗢𝗽𝗲𝗻𝗗𝗲𝘀𝗶𝗴𝗻
https://open-design.ai
𝗗𝗲𝘀𝗶𝗴𝗻𝗠𝗗 𝗦𝘂𝗽𝗽𝗹𝘆
https://designmd.supply
𝗔𝘂𝗿𝗮
https://aura.build
𝗡𝗲𝘂𝗳𝗼𝗿𝗺
https://neuform.ai
𝗛𝘆𝗽𝗲𝗿𝗯𝗿𝗼𝘄𝘀𝗲𝗿 𝗗𝗘𝗦𝗜𝗚𝗡𝗠𝗗
https://design-md.hyperbrowser.ai
𝗧𝘆𝗽𝗲𝗨𝗜
https://typeui.sh
Workflow پیشنهادی من:
𝗥𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲 → 𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 → 𝗖𝗹𝗮𝘂𝗱𝗲/𝗖𝘂𝗿𝘀𝗼𝗿/𝗖𝗼𝗱𝗲𝘅 → 𝗨𝗜 → 𝗥𝗲𝗳𝗶𝗻𝗲
یعنی به‌جای اینکه هر صفحه رو با حدس و آزمون‌وخطا طراحی کنی، از همون اول یه Design Contract به Agent می‌دی. نتیجه معمولاً خروجی منسجم‌تر و کمتر Genericـه. DESIGN.md دقیقاً برای همین نقش «design context» قبل از تولید UI استفاده می‌شه.
Codecloude.ir | کــــــد کلاد 🍃🧡
❤6👏2🔥1
اگه برای طراحی سایت دنبال Reference می‌گردی، این لیست رو حتماً Save کن؛ چون به‌جای اینکه فقط سایت کامل ببینی، برای هر Section یه منبع جدا داری. 🔥
Navbar
https://navbar.gallery
Hero Section
https://supahero.io
404 Pages
https://404s.design
Footer
https://footer.design
CTA
https://cta.gallery
Website Sections
https://unsection.com
Motion / Interaction
https://60fps.design
Design Details & Interactions
https://designspells.com
Bento Grids
https://bentogrids.com
مثلاً فقط Unsection الان بیش از ۴۰۰۰ Section واقعی برای Hero، Pricing، FAQ، Navbar، Footer، CTA و بقیه بخش‌ها جمع کرده و Navbar Gallery، Supahero، Footer.design و CTA.gallery هم هرکدوم دقیقاً روی همون بخش خاص تمرکز دارن.
اگه قبل از طراحی ۱۰ دقیقه تو این منابع بچرخی و بعد Referenceهات رو بدی به Claude/Codex/Cursor، خروجی خیلی کمتر Generic می‌شه
Navbar
https://navbar.gallery
Hero Section
https://supahero.io
404 Pages
https://404s.design
Footer
https://footer.design
CTA
https://cta.gallery
Website Sections
https://unsection.com
Motion / Interaction
https://60fps.design
Design Details & Interactions
https://designspells.com
Bento Grids
https://bentogrids.com
مثلاً فقط Unsection الان بیش از ۴۰۰۰ Section واقعی برای Hero، Pricing، FAQ، Navbar، Footer، CTA و بقیه بخش‌ها جمع کرده و Navbar Gallery، Supahero، Footer.design و CTA.gallery هم هرکدوم دقیقاً روی همون بخش خاص تمرکز دارن.
اگه قبل از طراحی ۱۰ دقیقه تو این منابع بچرخی و بعد Referenceهات رو بدی به Claude/Codex/Cursor، خروجی خیلی کمتر Generic می‌شه
❤8🔥1👏1