یک ایده بده.
به حرکتش درآور.
چهار نمونه را ببین، پرامپت دلخواهت را بردار و اولین موشن خودت را با کلاود بساز.
دیدن نمونهها و پرامپتهاآموزش فارسی · پروژهٔ قابلویرایش · خروجی MP4
نمونهٔ واقعی همین بسته — معرفی یک محصول فرضی
سبک مناسب ایدهات را انتخاب کن
تمام ویدیوهای زیر از کدهای داخل بسته رندر شدهاند. پرامپتها الگوی ساخت همین سبکها هستند؛ خروجی تازهٔ کلاود ممکن است متفاوت باشد.
تایپوگرافی متحرک
برای هوک ریلز، شعار کمپین و معرفی یک ایده.
نمایش پرامپت ساخت
یک موشن تایپوگرافی فارسی ۸ ثانیهای با نسبت ۱۶:۹ بساز. متن اول «فقط دیده نشو؛» از پایین وارد شود؛ سپس «به یاد بمان.» روی یک کادر بنفش با چرخش ملایم ظاهر شود. سمت چپ یک ستارهٔ نارنجی بچرخد و خط تأکید از راست به چپ باز شود. پسزمینه سفید مایل به بنفش، فونت یکانبخ و فضای خالی زیاد باشد. در پایان جملهٔ «یک پیام کوتاه، یک حرکت هدفمند.» اضافه کن. متنها را از ابتدا در DOM قرار بده و حرکت را بر اساس زمان مطلق کنترل کن.
معرفی محصول
برای تیزر کوتاه و نمایش یک ویژگی یا بستهبندی.
نمایش پرامپت ساخت
یک موشن معرفی محصول فرضی ۸ ثانیهای با نسبت ۱۶:۹ بساز. سمت چپ بطری بنفش با برچسب FORM را با CSS یا SVG طراحی کن؛ از پایین با کمی چرخش وارد شود و بعد آرام شناور بماند. پسزمینه تیره با نور شعاعی بنفش و یک حلقهٔ نازک پشت محصول باشد. سمت راست بنویس «محصولت را قهرمان قاب کن.» دو برچسب «نور هدایتشده» و «حرکت نرم» به ترتیب وارد شوند. از ادعای واقعی دربارهٔ خواص محصول استفاده نکن. خروجی دوبعدی شیک و قابلویرایش باشد.
آموزش کارتی
برای توضیح فرایند، آموزش کوتاه و محتوای کسبوکار.
نمایش پرامپت ساخت
یک موشن آموزشی فارسی ۸ ثانیهای با نسبت ۱۶:۹ بساز. تیتر «از ایده تا خروجی، در سه قدم» بالای قاب باشد. سه کارت از راست به چپ با فاصلهٔ زمانی ۱.۲ ثانیه وارد شوند: ۱ پیام را پیدا کن، ۲ تصویرش کن، ۳ به حرکت درآور. هر کارت شماره، تیتر و توضیح کوتاه داشته باشد. ورود کارتها از پایین با چرخش اولیهٔ بسیار کم و توقف نرم انجام شود. نوار پیشرفت زیر کارتها از راست پر شود. زمینه روشن، کارت سفید و رنگ تأکید بنفش باشد.
نمایش رابط کاربری
برای معرفی اپ، آموزش قابلیت سایت و نمایش یک تعامل.
نمایش پرامپت ساخت
یک دمو موشن رابط کاربری ۸ ثانیهای با نسبت ۱۶:۹ بساز. سمت چپ یک پنجرهٔ فرضی پروژه با کارت ویدیو و دکمهٔ «ساخت خروجی» نمایش بده. سمت راست تیتر «یک کلیک؛ یک تجربهٔ روشن.» باشد. نشانگر نارنجی به دکمه نزدیک شود و کلیک را با تغییر مقیاس نشان بده. حالت دکمه از «ساخت خروجی» به «در حال ساخت…» و سپس «آمادهٔ دانلود» تغییر کند. پیام موفقیت در مرکز پنجره ظاهر شود. این رابط نمایشی است و به سرویس واقعی وصل نمیشود. همهٔ حالتها باید در جابهجایی مستقیم زمان درست نمایش داده شوند.
بطری FORM و رابط کاربری، نمونههای طراحی فرضیاند. برای پروژهٔ برند خودت، تصویر محصول و اطلاعات واقعی را جایگزین کن.
از کجا شروع کنم؟
پروژه را باز کن
بسته را دانلود و استخراج کن. فایل showcase.html چهار نمونه را در مرورگر نشان میدهد.
به کلاود بریف بده
پوشه را در Claude Code باز کن. موضوع، مخاطب، مدت و سبک را مشخص کن و از یک نمونه شروع کن.
ببین و خروجی بگیر
متن و حرکت را بازبینی کن؛ سپس MP4 را بساز و خود فایل نهایی را بررسی کن.
اولین اجرا روی کامپیوتر
Node.js نسخهٔ ۲۲ یا جدیدتر، FFmpeg و دسترسی به Claude Code را آماده کن. در پوشهٔ پروژه اجرا کن:
npm install npx playwright install chromium npm run samples
چهار خروجی در پوشهٔ renders ذخیره میشوند. برای نمونهٔ عمودی اولیه، npm run render را اجرا کن. راهنمای تصویری PDF جزئیات نصب، صدا و رفع خطا را پوشش میدهد.
کلاود میسازد؛ تو کارگردانی کن
برای نتیجهٔ بهتر، موضوع را به زمانبندی و اتفاق تصویری تبدیل کن.
CLAUDE.md را بخوان. از نمونهٔ [نام سبک] یک موشن [مدت] ثانیهای برای [موضوع و مخاطب] بساز. پیام اصلی [پیام] و CTA [دعوت به اقدام] است. رنگها و فونت فارسی پلیمدیا حفظ شوند. ابتدا جدول زمان / متن / اتفاق بصری بده. پس از تأیید، اجرا کن و فریم ابتدا، میانه و انتهای هر صحنه را نشان بده. خروجی نهایی MP4 باشد.
اصلاح دقیق، نتیجهٔ بهتر
در ثانیهٔ [زمان]، [مشکل مشخص] وجود دارد. فقط همین بخش را اصلاح کن؛ زمانبندی سایر صحنهها ثابت بماند. فریم قبل و بعد را در همان زمان مقایسه کن و بعد خروجی تازه بده.
فایلها را بردار و شروع کن
راهنمای تصویری ۹ صفحهای، چهار نمونهٔ افقی، نمونهٔ عمودی شروع، سورس قابلویرایش و پرامپتهای فارسی در بسته قرار دارند.
نمونهها بیصدا هستند. افزودن گفتار فارسی در راهنما آموزش داده شده و به فایل صوتی خودت نیاز دارد.
چند پاسخ پیش از شروع
آیا باید برنامهنویسی بلد باشم؟
برای شروع نمونهها نه؛ اما باید بتوانی دستورها را در پوشهٔ پروژه اجرا کنی، نتیجه را ببینی و مشکل را دقیق به کلاود توضیح بدهی.
آیا این روش کاملاً رایگان است؟
بسته رایگان است و رندر نمونهها به اعتبار مدل ویدیوساز نیاز ندارد. دسترسی Claude و خدمات اختیاری تصویر یا صدا میتوانند هزینه و محدودیت مصرف داشته باشند.
آیا فایل را در بخش Skills آپلود کنم؟
این بسته پروژهٔ آماده با فایل CLAUDE.md است. آن را استخراج و در Claude Code باز کن؛ به نصب اسکیل نیاز ندارد.
چطور برای ریلز خروجی عمودی بسازم؟
از نمونهٔ عمودی index.html شروع کن، یا از کلاود بخواه چیدمان نمونهٔ انتخابی را برای ۱۰۸۰×۱۹۲۰ بازطراحی کند. کشیدن تصویر افقی به قاب عمودی کافی نیست.

