طراحی لندینگ‌پیج‌های سینمایی با مهارت جدید Claude Skill
طراحی لندینگ‌پیج سینمایی: این سیستم شامل ۵۰ ویدیوی باکیفیت، ۳۰ مدل سه‌بعدی و چرخه بازبینی خودکار برای اصلاح کدهای تولید شده است.
خلاصه
مهارت رایگان MotionSites Web Builder یک افزونه تخصصی برای هوش مصنوعی کلود است که به آن قدرت می‌دهد صفحات فرود (Landing Pages) با کیفیت سینمایی و در سطح جوایز طراحی بسازد. این ابزار با حل سه چالش اصلیِ طرح‌های تکراری هوش مصنوعی یعنی «برنامه مبهم»، «فقدان رسانه واقعی» و «نبود نظارت کیفی»، خروجی‌هایی حرفه‌ای تولید می‌کند. این سیستم شامل ۵۰ ویدیوی باکیفیت، ۳۰ مدل سه‌بعدی و چرخه بازبینی خودکار برای اصلاح کدهای تولید شده است.
چرا وب‌سایت‌های ساخته شده با هوش مصنوعی شبیه هم هستند؟
بسیاری از ابزارهای فعلی هوش مصنوعی خروجی‌هایی یکنواخت تولید می‌کنند. دلیل این اتفاق معمولاً نبود یک نقشه راه دقیق، استفاده از تصاویر استوک بی‌روح و عدم بررسی نتیجه نهایی توسط خودِ هوش مصنوعی است. پروژه MotionSites Web Builder که در تاریخ ۴ آبان ۱۴۰۵ به‌روزرسانی شده، این روند را تغییر می‌دهد. این مهارت (Skill) به کلود می‌آموزد که ابتدا برترین طراحی‌های روز دنیا را مطالعه کند، رسانه‌های سینمایی واقعی را برگزیند و پیش از نوشتن حتی یک خط کد، یک دفترچه فنی (Spec) دقیق آماده کند.
اجزای اصلی مهارت طراحی MotionSites
این پکیج فقط یک دستور متنی ساده نیست؛ بلکه یک اکوسیستم کامل برای توسعه وب در اختیار هوش مصنوعی می‌گذارد. برخی از بخش‌های کلیدی آن عبارت‌اند از:
- قفسه رسانه‌ای: دسترسی به بیش از ۵۰ ویدیوی سینمایی برای بخش هیرو، ۳۰ آبجکت سه‌بعدی شفاف و ۲۹ تصویر باکیفیت که همگی روی سرورهای عمومی میزبانی می‌شوند.
- دستورالعمل‌های فنی: بیش از ۵۵ دستور پخت کد (Recipe) برای اجرای افکت‌هایی مانند محوشدگی کلمه به کلمه تیترها یا پیاده‌سازی مدل‌های سه‌بعدی با کتابخانه Three.js.
- قوانین ذائقه طراحی: مجموعه‌ای از اعداد واقعی برای مقیاس تایپوگرافی، فاصله حروف (Tracking)، فاصله‌گذاری (Spacing) و زمان‌بندی انیمیشن‌ها.
- چرخه نگاه و اصلاح: یک اسکریپت بازبینی که از کار خود اسکرین‌شات می‌گیرد و مواردی مثل به‌هم‌ریختگی در موبایل، فونت‌های شکسته یا عدم پخش ویدیو را شناسایی و اصلاح می‌کند.
چطور این مهارت را روی کلود فعال کنیم؟
برای استفاده از این قابلیت، ابتدا باید فایل فشرده پروژه را از مخزن گیت‌هاب دریافت کنید. در نسخه دسکتاپ یا وب کلود، به بخش Customize و سپس Skills بروید. با آپلود فایل zip و فعال‌سازی گزینه Code Execution در تنظیمات، هوش مصنوعی آماده طراحی می‌شود.
پس از نصب، می‌توانید درخواست‌های ملموسی داشته باشید. برای مثال: «یک صفحه فرود برای یک برند ساعت هوشمند لوکس طراحی کن که حس آرامش و دقت را منتقل کند.» یا «سایت فعلی من را بررسی کن و ظاهر آن را به سطح جوایز طراحی برسان.» اگر از ابزارهایی مثل Cursor یا v۰ استفاده می‌کنید، می‌توانید از کلود بخواهید به‌جای کد، پرامپت بهینه‌شده برای آن ابزارها را به شما تحویل دهد.
در بستر هوش مصنوعی نهال که امکان دسترسی به مدل‌های پیشرفته بین‌المللی را فراهم کرده است، استفاده از چنین مهارت‌هایی می‌تواند سرعت توسعه پروژه‌های شرکتی را به شکل چشمگیری افزایش دهد. ترکیب ذائقه بصری این ابزار با توانایی‌های پردازشی مدل‌های بزرگ، نیاز به استخدام تیم‌های بزرگ طراحی برای لندینگ‌پیج‌های موقت را کاهش می‌دهد.
نکات کلیدی
- کیفیت بصری: استفاده از ویدیوهای هیرو و مدل‌های سه‌بعدی واقعی به جای تصاویر تخت هوش مصنوعی.
- خوداصلاحی: کلود با استفاده از ابزار Playwright از خروجی خود اسکرین‌شات می‌گیرد تا ایرادات چیدمان را پیش از تحویل به کاربر رفع کند.
- سازگاری گسترده: امکان تولید پرامپت مستقیم برای پلتفرم‌های محبوب مانند Lovable، Bolt، v۰ و Cursor.
- رایگان و متن‌باز: کدهای این مهارت تحت مجوز MIT منتشر شده و برای پروژه‌های شخصی و تجاری قابل استفاده است.
منبع: github.com