মূল কনটেন্টে যান
এআই টিউটোরিয়াল

Claude Code ও Remotion দিয়ে ব্র্যান্ড-নির্ভুল প্রোডাক্ট ফিল্ম তৈরি করুন

ল্যান্ডিং-পেজ লুপ, লঞ্চ ভিডিও, প্রোমো এবং ডেমো রিল তৈরি করতে product-film Claude Code স্কিল কীভাবে ইনস্টল ও ব্যবহার করবেন তা শিখুন। এই টিউটোরিয়ালে পূর্বশর্ত, অনুসন্ধান, ব্র্যান্ড সেটআপ, মিউজিক সিঙ্ক্রোনাইজেশন, পর্যালোচনা, রেন্ডারিং এবং নির্ভুল, ব্র্যান্ড-সামঞ্জস্যপূর্ণ ডেলিভারেবল তৈরির ব্যবহারিক পরামর্শ অন্তর্ভুক্ত রয়েছে।

Claude Code ও Remotion দিয়ে ব্র্যান্ড-নির্ভুল প্রোডাক্ট ফিল্ম তৈরি করুন

product-film কী?

product-film হলো Claude Code-এর একটি স্কিল, যা কোডের মাধ্যমে শোরিল-মানের প্রোডাক্ট ফিল্ম তৈরি করে। এটি Remotion ব্যবহার করে ল্যান্ডিং-পেজ লুপ, লঞ্চ ভিডিও, প্রচারণামূলক ফিল্ম বা ডেমো রিল তৈরি করতে পারে।

কোনো সাধারণ ভিজ্যুয়াল স্টাইল প্রয়োগ করার পরিবর্তে, এই স্কিল আপনার প্রোডাক্ট রিপোজিটরি বিশ্লেষণ করে। এটি ডিজাইন নিয়ম, টোকেন, কম্পোনেন্ট, লোগো, লাইভ সাইট এবং আপনার প্রোডাক্টের দাবিগুলো পরীক্ষা করে। এরপর এসব উপকরণ ব্যবহার করে এমন একটি ফিল্ম তৈরি করে, যা দেখে ও শুনে মনে হয় এটি সরাসরি আপনার প্রোডাক্ট টিম তৈরি করেছে।

ওয়ার্কফ্লোটি সহযোগিতামূলক। Claude আপনার কাঙ্ক্ষিত প্লেসমেন্ট, দৈর্ঘ্য, মিউজিক, ফিচার, টেক্সট, ট্রানজিশন এবং ঐচ্ছিক ভিজ্যুয়াল উপকরণ সম্পর্কে প্রশ্ন করে। এরপর এটি ব্র্যান্ড-সংক্রান্ত সিদ্ধান্তগুলো videos/BRAND.md-এ সংরক্ষণ করে, একটি বিট শিট তৈরি করে, স্টাইল ফ্রেম উপস্থাপন করে, অ্যানিমেশন তৈরি করে, রিভিউ উপকরণ বানায় এবং যাচাইকৃত ডেলিভারেবল রেন্ডার করে।

প্রধান বৈশিষ্ট্য

  • ডিজাইন-সিস্টেম আবিষ্কার: নিয়মের ফাইল, ডিজাইন টোকেন, কম্পোনেন্ট, লোগো, লাইভ প্রোডাক্ট এবং অনুমোদিত দাবিগুলো পর্যালোচনা করে।
  • প্রোডাক্ট-নির্দিষ্ট সাক্ষাৎকার: সাধারণ প্লেসহোল্ডারের পরিবর্তে আপনার প্রকৃত ফিচার ও কম্পোনেন্টের ভিত্তিতে বিকল্প উপস্থাপন করে।
  • স্থায়ী ব্র্যান্ড কিট: আপনার সিদ্ধান্তগুলো videos/BRAND.md-এ সংরক্ষণ করে, যা স্কিলের ডিফল্ট সেটিংসকে অগ্রাহ্য করে।
  • গল্প ও স্টাইল পরিকল্পনা: একটি বিট শিট তৈরি করে এবং বিল্ড সম্পন্ন করার আগে তিনটি স্টাইল ফ্রেম নিয়ে আপনার মতামত নেয়।
  • মিউজিক-সচেতন সম্পাদনা: বিট গ্রিড মাপে, বারে বারে মিউজিক কাটে এবং পিক পর্যায়ে সাউন্ড ইফেক্ট বসায়।
  • Remotion-ভিত্তিক অ্যানিমেশন: এমন একটি কম্পোজিশন তৈরি করে, যেখানে প্রতিটি ফ্রেম সময়ের একটি পিওর ফাংশন।
  • কাঠামোবদ্ধ রিভিউ: হ্যান্ডঅফের সময় স্টিল তৈরি করে, কনট্যাক্ট শিট বানায় এবং অর্ধ-রেজোলিউশনের ড্রাফট তৈরি করে।
  • যাচাইকৃত ডেলিভারি: মোশন ব্লারসহ 240 fps মাস্টার রেন্ডার করে এবং ডিকোড করা ফাইলের রং, দৈর্ঘ্য ও নিরবচ্ছিন্ন লুপ যাচাই করে।
  • একাধিক আউটপুট: মিউটেড ল্যান্ডিং-পেজ লুপ, মিউজিকসহ একটি সংস্করণ, একটি WebM ফাইল এবং একটি পোস্টার তৈরি করে।

প্রয়োজনীয়তা

স্কিল ইনস্টল করার আগে নিশ্চিত করুন যে আপনার পরিবেশে নিচের প্রয়োজনীয়তাগুলো পূরণ হয়েছে:

  • Claude Code। স্কিলটি একটি স্থানীয় টুলচেইন চালায় এবং Claude-এর চ্যাট অ্যাপ্লিকেশনগুলোতে কাজ করে না।
  • Node.js এবং Bun।
  • Python ইউটিলিটি চালানোর জন্য uv।
  • যে মিউজিক ব্যবহারের আইনগত অধিকার আপনার আছে।

স্কিলটি আপনার প্রোজেক্টে Remotion যোগ করে। ব্যক্তি ও ছোট টিমের জন্য Remotion বিনামূল্যে, তবে বড় কোম্পানির জন্য কোম্পানি লাইসেন্স প্রয়োজন। শর্তগুলো দেখুন remotion.dev/license-এ।

প্রয়োজনে Python স্ক্রিপ্টগুলো imageio-ffmpeg-এর মাধ্যমে NumPy এবং সম্পূর্ণ FFmpeg বিল্ড সংগ্রহ করে, তাই এসব নির্ভরতা সিস্টেমজুড়ে ইনস্টল হয় না।

স্কিল ইনস্টল করা

বিকল্প ১: Claude Code প্লাগইন মার্কেটপ্লেসের মাধ্যমে ইনস্টল

Claude Code-এ product-film মার্কেটপ্লেস যোগ করে প্লাগইনটি ইনস্টল করুন:

/plugin marketplace add Rieranthony/product-film-skill
/plugin install product-film@product-film-skill

আপনার Claude Code পরিবেশে স্কিলটি উপলভ্য করতে চাইলে এটি সবচেয়ে সরাসরি ইনস্টলেশন পদ্ধতি।

বিকল্প ২: ম্যানুয়ালি স্কিল ইনস্টল

আপনি রিপোজিটরিটি ক্লোন করে স্কিলটি আপনার ব্যক্তিগত Claude Code স্কিল ডিরেক্টরিতেও কপি করতে পারেন:

git clone https://github.com/Rieranthony/product-film-skill
mkdir -p ~/.claude/skills
cp -R product-film-skill/plugins/product-film/skills/product-film ~/.claude/skills/

কপি করা ফোল্ডারে প্রোডাকশনের পুরো প্রক্রিয়ায় ব্যবহৃত ওয়ার্কফ্লো নির্দেশনা, রেফারেন্স, টেমপ্লেট, অ্যানিমেশন ইউটিলিটি, অডিও টুল, রিভিউ স্ক্রিপ্ট এবং রেন্ডারিং স্ক্রিপ্ট থাকে।

বিকল্প ৩: টিমের সঙ্গে স্কিল শেয়ার করা

স্কিলটিকে একটি শেয়ার করা রিপোজিটরির অংশ করতে এই অবস্থানে এর ফোল্ডার কমিট করুন:

.claude/skills/product-film/

এতে Claude Code ব্যবহারকারী টিম সদস্যদের জন্য প্রোজেক্টের সঙ্গেই স্কিলটি উপলভ্য থাকবে।

আপনার প্রথম প্রোডাক্ট ফিল্ম তৈরি করুন

ধাপ ১: প্রোডাক্ট রিপোজিটরি খুলুন

যে প্রোডাক্টটি উপস্থাপন করতে চান, তার রিপোজিটরি থেকে Claude Code চালান। এটি গুরুত্বপূর্ণ, কারণ স্কিলটি কম্পোনেন্ট, ডিজাইন টোকেন, নিয়ম, লোগো এবং প্রোডাক্ট কনটেন্টের মতো স্থানীয় প্রোজেক্ট উপকরণের ওপর নির্ভর করে।

ধাপ ২: ফিল্মের অনুরোধ করুন

ফিল্মটির কাঙ্ক্ষিত দৈর্ঘ্য, গন্তব্য এবং মিউজিক উল্লেখ করে Claude Code-কে ফিল্ম তৈরি করতে বলুন। README-তে এই উদাহরণটি দেওয়া আছে:

এই প্রোডাক্টের জন্য এই গানসহ 45 সেকেন্ডের একটি ল্যান্ডিং-পেজ ভিডিও তৈরি করুন।

প্রাথমিক অনুরোধে আপনাকে প্রতিটি সৃজনশীল বিষয় নির্ধারণ করতে হবে না। সম্পূর্ণ প্রোডাকশন শুরু করার আগে স্কিলটি আপনাকে আরও কিছু প্রশ্ন করবে।

ধাপ ৩: আবিষ্কার পর্ব সম্পন্ন করুন

Claude আপনার ডিজাইন নিয়ম, টোকেন, কম্পোনেন্ট, লোগো এবং অনুমোদিত দাবিগুলো দ্রুত পর্যালোচনা করে। এই আবিষ্কার পর্বটি ফিল্মের জন্য প্রোডাক্ট-নির্দিষ্ট ভিজ্যুয়াল ও সম্পাদকীয় ভিত্তি তৈরি করে।

প্রাসঙ্গিক প্রোজেক্ট ফাইলগুলো রিপোজিটরিতে সহজে অ্যাক্সেসযোগ্য রাখুন। ফলাফলের মান ও নির্ভুলতা নির্ভর করে Claude প্রকৃত প্রোডাক্ট উপকরণ পরীক্ষা করতে পারছে কি না তার ওপর।

ধাপ ৪: সৃজনশীল সাক্ষাৎকারের উত্তর দিন

ফিল্মটি কোথায় চলবে, কতক্ষণ চলবে, কোন মিউজিক ব্যবহার করতে হবে এবং কোন ফিচারগুলো দেখাতে হবে, স্কিলটি তা জানতে চায়। এটি আরও কিছু ঐচ্ছিক উপকরণও দেয়, যেমন:

  • একটি লোগো অ্যানিমেশন বা বিদ্যমান কোনো মাসকট।
  • শব্দে শব্দে বড় পাঞ্চলাইন, ক্যাপশন, অথবা স্ক্রিনে কোনো শব্দ না থাকা।
  • বিটের সঙ্গে সমন্বিত ম্যাজিক-মুভ ট্রানজিশন, ক্যামেরা মুভ বা কাট।
  • কার্সর ইন্টারঅ্যাকশন, অংশীদারদের লোগো, প্রমাণের মুহূর্ত এবং ব্র্যান্ডের টেক্সচার।

এই পছন্দগুলো ঐচ্ছিক। শুধু সেই উপাদানগুলো নির্বাচন করুন, যেগুলো পণ্য এবং নির্ধারিত দেখার প্রেক্ষাপটকে সমর্থন করে।

ধাপ ৫: ব্র্যান্ড কিট ও গল্প পর্যালোচনা করুন

Claude আবিষ্কারপর্বের ফলাফল এবং আপনার সাক্ষাৎকারের উত্তরগুলো এখানে লেখে:

videos/BRAND.md

এই ফাইলটি স্কিলের ডিফল্ট সৃজনশীল পছন্দগুলোর ওপর অগ্রাধিকার পায়। সম্পূর্ণ ফিল্ম তৈরি করার আগে স্কিলটি একটি বিট শিট প্রস্তুত করে এবং তিনটি স্টাইল ফ্রেম উপস্থাপন করে।

অ্যানিমেশনের কাজ এগোনোর আগে টাইপোগ্রাফি, রং, কম্পোজিশন, কম্পোনেন্টের উপস্থাপন এবং সামগ্রিক ব্র্যান্ড-সামঞ্জস্য নিশ্চিত করতে স্টাইল-ফ্রেম পর্যালোচনা ব্যবহার করুন।

ধাপ ৬: স্কিলকে সঙ্গীত প্রক্রিয়া করতে দিন

সঙ্গীতের ওয়ার্কফ্লো বিট গ্রিড পরিমাপ করে, নির্বাচিত গানটি মিউজিক্যাল বারে ছাঁটে এবং সাউন্ড ইফেক্টগুলোকে তাদের পিকের সঙ্গে সমন্বয় করে। ফলে দৃশ্য পরিবর্তন এবং গুরুত্বপূর্ণ ভিজ্যুয়াল মুহূর্তগুলো ইচ্ছেমতো সময় নির্ধারণের বদলে একটি সঙ্গীতভিত্তিক কাঠামো পায়।

ধাপ ৭: ফিল্ম তৈরি ও পর্যালোচনা করুন

স্কিলটি একটি Remotion কম্পোজিশন তৈরি করে এবং প্রতিটি ফ্রেমকে সময়ের একটি পিওর ফাংশন হিসেবে মডেল করে। সাক্ষাৎকারের সময় নির্বাচিত ট্রানজিশন পদ্ধতি ব্যবহার করে এটি দৃশ্যগুলো সংযুক্ত করে।

পর্যালোচনার সময় Claude হ্যান্ডঅফ পয়েন্টে স্টিল, কনট্যাক্ট শিট এবং অর্ধ-রেজোলিউশনের একটি খসড়া তৈরি করে। আপনি এসব আউটপুট পরিদর্শন করতে, সংশোধনের অনুরোধ জানাতে এবং চূড়ান্ত রেন্ডারের আগে দিকনির্দেশনা অনুমোদন করতে পারবেন।

ধাপ ৮: ডেলিভারেবল রেন্ডার ও যাচাই করুন

চূড়ান্ত প্রক্রিয়াটি মোশন ব্লারসহ 240 fps-এর একটি মাস্টার তৈরি করে। এরপর অনুরোধ করা ডেলিভারি ফরম্যাটগুলো তৈরি করে, যার মধ্যে রয়েছে:

  • পণ্য পেজের জন্য উপযোগী একটি মিউটেড লুপ।
  • সঙ্গীতসহ একটি সংস্করণ।
  • একটি WebM সংস্করণ।
  • একটি পোস্টার ছবি।

তৈরি করা ফাইলগুলো ডিকোড করে রং, সময়কাল এবং নির্বিঘ্ন লুপিং পরীক্ষা করা হয়।

প্রকল্পের কাঠামো বোঝা

স্কিলটি ওয়ার্কফ্লো ডকুমেন্টেশন, বিশেষায়িত রেফারেন্স, টেমপ্লেট, পুনর্ব্যবহারযোগ্য অ্যানিমেশন ইউটিলিটি এবং প্রোডাকশন স্ক্রিপ্টে সংগঠিত:

plugins/product-film/skills/product-film/
├── SKILL.md
├── reference/
├── templates/
│   ├── BRAND.md
│   ├── film-prompt.md
│   └── kit/
└── scripts/
    ├── beats.py
    ├── audio-edit.py
    ├── stills.ts
    ├── render.ts
    └── verify.py
  • SKILL.md ওয়ার্কফ্লো, কারুশিল্পের ডিফল্ট এবং পরিচিত সমস্যাগুলো ধারণ করে।
  • reference/-এ আবিষ্কারপর্ব, সাক্ষাৎকার, সৃজনশীল উপাদান, গল্প বলা, অ্যানিমেশন ইঞ্জিন, সঙ্গীত, পর্যালোচনা এবং রেন্ডারিং সম্পর্কে আলোচনা রয়েছে।
  • templates/BRAND.md একটি পণ্যের জন্য পূরণযোগ্য ডিজাইন কিট সরবরাহ করে।
  • templates/film-prompt.md একটি পুনর্ব্যবহারযোগ্য ফিল্ম ব্রিফ সরবরাহ করে।
  • templates/kit/-এ টাইমিং গ্রিড, স্প্রিং, ক্যামেরা, কার্সর, ম্যাজিক মুভ, পাঞ্চলাইন, ডিথারিং এবং ডিবাগিং ওভারলের টুল রয়েছে।
  • beats.py NumPy ব্যবহার করে গান থেকে একটি বিট গ্রিড তৈরি করে।
  • audio-edit.py মিউজিক্যাল বারে গান কাটে।
  • stills.ts পর্যালোচনার জন্য স্টিল তৈরি করে।
  • render.ts চূড়ান্ত রেন্ডার এবং ডেলিভারেবল তৈরি করে।
  • verify.py আউটপুট ফাইল ডিকোড ও যাচাই করে।

উন্নত টিপস

BRAND.md-কে সৃজনশীল সত্যের মূল উৎস হিসেবে বিবেচনা করুন

videos/BRAND.md স্কিলের ডিফল্টগুলোকে অগ্রাহ্য করে, তাই এটি সতর্কতার সঙ্গে পর্যালোচনা করুন। নিশ্চিত করুন, এতে পণ্যের ভিজ্যুয়াল নিয়ম, কথার ধরন, অনুমোদিত দাবি এবং সাক্ষাৎকারে নেওয়া সৃজনশীল পছন্দগুলো অন্তর্ভুক্ত আছে।

গন্তব্য অনুযায়ী ফরম্যাট মিলিয়ে নিন

ফিল্মটি কোথায় চলবে তা Claude-কে জানান। ল্যান্ডিং-পেজ লুপের প্রয়োজনীয়তা লঞ্চ ভিডিও বা ডেমো রিলের চেয়ে আলাদা। গন্তব্যটি চূড়ান্ত অভিজ্ঞতা মিউটেড, সঙ্গীতনির্ভর, টেক্সট-নির্ভর বা শব্দ ছাড়াই বোধগম্য হওয়া উচিত কি না, তা নির্ধারণেও সাহায্য করে।

বাস্তব পণ্যের উপকরণ ব্যবহার করুন

স্কিলটিকে বাস্তব টোকেন, কম্পোনেন্ট, লোগো, ফিচার এবং দাবির ওপর ভিত্তি করে রাখুন। এটিই প্রকল্পটির উদ্দেশ্যের কেন্দ্রে রয়েছে: এমন একটি ফিল্ম তৈরি করা, যা দেখে মনে হয় পণ্যটি নিজেই এটি তৈরি করেছে।

পর্যালোচনার চেকপয়েন্টে সিদ্ধান্ত নিন

শুরুতেই দিকনির্দেশনা মূল্যায়ন করতে তিনটি স্টাইল ফ্রেম ব্যবহার করুন। পরে ব্যয়বহুল চূড়ান্ত রেন্ডার অনুমোদনের আগে হ্যান্ডঅফ স্টিল, কনট্যাক্ট শিট এবং অর্ধ-রেজোলিউশনের খসড়া পরিদর্শন করুন। এই চেকপয়েন্টগুলো এমনভাবে তৈরি, যাতে ভিজ্যুয়াল ও টাইমিংয়ের সমস্যাগুলো সংশোধন করা এখনও বাস্তবসম্মত থাকা অবস্থায় ধরা পড়ে।

ঐচ্ছিক উপাদানগুলো ভেবেচিন্তে বেছে নিন

লোগো অ্যানিমেশন, মাসকট, পাঞ্চলাইন, ক্যাপশন, ক্যামেরা মুভ, কার্সর ইন্টারঅ্যাকশন, অংশীদারদের লোগো, প্রমাণের মুহূর্ত এবং টেক্সচার সবই ঐচ্ছিক। এগুলোকে চেকলিস্ট হিসেবে বিবেচনা করবেন না। নির্বাচিত পণ্যের ফিচারগুলো সবচেয়ে স্পষ্টভাবে প্রকাশ করে এমন উপাদান বেছে নিন।

প্রোডাকশনের আগে সঙ্গীতের অধিকার নিশ্চিত করুন

টুলটি কোনো গান বিশ্লেষণ ও সম্পাদনা করতে পারে, কিন্তু সেই সঙ্গীত ব্যবহারের অনুমতি দেয় না। কোনো ট্র্যাক পাবলিক ল্যান্ডিং পেজ, লঞ্চ ভিডিও, প্রচারণা বা ডেমো রিলে অন্তর্ভুক্ত করার আগে প্রয়োজনীয় অধিকার আপনার আছে কি না যাচাই করুন।

Remotion-এর লাইসেন্স যাচাই করুন

প্রোডাক্ট-ফিল্ম স্কিলের নিজস্ব টেক্সট ও কোড MIT লাইসেন্সের অধীনে উপলব্ধ। Remotion-এর আলাদা লাইসেন্সের শর্ত রয়েছে, তাই বড় কোম্পানিগুলোর প্রোডাকশনে এটি ব্যবহারের আগে প্রয়োজনীয় কোম্পানি লাইসেন্স আছে কি না নিশ্চিত করা উচিত।

উপসংহার

product-film Claude Code-কে একটি কাঠামোবদ্ধ প্রোডাক্ট-ফিল্ম প্রোডাকশন ওয়ার্কফ্লোতে রূপান্তর করে। এটি রিপোজিটরি আবিষ্কারপর্ব, পণ্যভিত্তিক সাক্ষাৎকার, স্থায়ী ব্র্যান্ড কিট, বিট-সচেতন সঙ্গীত সম্পাদনা, Remotion অ্যানিমেশন, ধাপে ধাপে পর্যালোচনা এবং যাচাইকৃত রেন্ডারিংকে একত্র করে। আপনার বাস্তব ডিজাইন সিস্টেম দিয়ে শুরু করে প্রতিটি চেকপয়েন্টে কাজ পর্যালোচনা করলে এমন পরিশীলিত ভিডিও অ্যাসেট তৈরি করা যায়, যা আপনার পণ্যের পরিচয়ের সঙ্গে সামঞ্জস্যপূর্ণ থাকে।