Awesome Opus 5.5 Videos কী?
Awesome Opus 5.5 Videos হলো Claude Opus 5.5 দিয়ে তৈরি ভাইরাল ভিডিওগুলোর একটি বাছাই করা সংগ্রহ। প্রতিটি প্রকল্প Claude-কে কোড হিসেবে অ্যানিমেশন লিখতে বলে তৈরি করা হয়েছে। এতে HTML, Canvas, SVG, Three.js, GSAP, GLSL, WebGL, Web Audio এবং particles-এর মতো প্রযুক্তি ব্যবহার করা হয়েছে।
রিপোজিটরিতে prompts/ ডিরেক্টরি এবং data/videos.json-এ 282টি প্রম্পট রয়েছে। README-তে 100টি এন্ট্রি তুলে ধরা হয়েছে, যেখানে প্রতিটি স্বতন্ত্র প্রম্পটের জন্য একটি করে উদাহরণ রয়েছে। প্রতিটি এন্ট্রিতে নির্মাতার মূল পোস্টের লিংক দেওয়া আছে।
এটি এমন কোনো সফটওয়্যার লাইব্রেরি নয়, যা ইনস্টল করে ইমপোর্ট করতে হবে। বরং এটি একটি ব্যবহারিক প্রম্পট গ্যালারি: একটি উদাহরণ বেছে নিন, তার প্রম্পট কপি করুন এবং নিজের AI কোডিং এজেন্টকে অনুরূপ অভিজ্ঞতা তৈরি করতে বলুন।
Skillry-তে লাইভ রিমেকসহ সব 282টি ভিডিও পাশাপাশি দেখুন।
সৃজনশীল বিভাগ অনুযায়ী সংগ্রহ ব্রাউজ করুন
নির্বাচিত উদাহরণগুলো চারটি প্রধান গ্রুপে সাজানো হয়েছে। ফলে আপনি যে ভিজ্যুয়াল স্টাইল বা ইন্টারঅ্যাকশনের ধরন নিয়ে কাজ করতে চান, তা দিয়ে সহজেই শুরু করতে পারবেন।
- মোশন গ্রাফিক্স: অ্যানিমেটেড ভিজ্যুয়াল কম্পোজিশনভিত্তিক 58টি উদাহরণ।
- এক্সপ্লেইনার: অ্যানিমেশনের মাধ্যমে কোনো ধারণা ব্যাখ্যা করে এমন 16টি উদাহরণ।
- 3D দৃশ্য: ব্রাউজারভিত্তিক ত্রিমাত্রিক ভিজ্যুয়াল ব্যবহার করা 14টি উদাহরণ।
- গেম ও ইন্টারঅ্যাকটিভ: ব্যবহারকারীর ইনপুটে সাড়া দেয় বা ছোট খেলার যোগ্য অভিজ্ঞতার মতো আচরণ করে এমন 12টি উদাহরণ।
তালিকাভুক্ত বাস্তবায়নগুলো হালকা Canvas ও SVG পরীক্ষামূলক কাজ থেকে শুরু করে Three.js, GSAP, GLSL, WebGL, Web Audio, AI-জেনারেটেড ছবি এবং particle system-নির্ভর প্রকল্প পর্যন্ত বিস্তৃত। প্রতিটি এন্ট্রির পাশে থাকা প্রযুক্তির লেবেলগুলো উপযুক্ত সূচনাবিন্দু বেছে নিতে সাহায্য করতে পারে।
রিপোজিটরি সেট আপ করুন
প্রম্পট ব্রাউজ করতে কোনো প্যাকেজ ইনস্টল করার প্রয়োজন নেই। সার্চ করা, রেফারেন্স সংরক্ষণ করা বা কাঠামোবদ্ধ ভিডিও ডেটা পরিদর্শন করার সময় লোকাল ক্লোন কাজে আসে।
- GitHub রিপোজিটরিটি আপনার কম্পিউটারে ক্লোন করুন।
- আপনার এডিটরে রিপোজিটরি ফোল্ডারটি খুলুন।
- আলাদা Markdown প্রম্পট ফাইলগুলো দেখতে
prompts/ডিরেক্টরি ব্রাউজ করুন। - সম্পূর্ণ সংগ্রহ কাঠামোবদ্ধ ডেটা হিসেবে নিয়ে কাজ করতে চাইলে
data/videos.jsonখুলুন।
git clone <repository-url>
cd <repository-directory>
README-তে কোনো নির্দিষ্ট runtime, dependency ইনস্টল করার কমান্ড বা লোকাল অ্যাপ্লিকেশন সার্ভারের প্রয়োজনীয়তা উল্লেখ করা হয়নি। সংগ্রহটি মূলত প্রম্পট পড়া এবং লিংক করা উদাহরণ অনুসরণ করার জন্য তৈরি। কোনো জেনারেটেড প্রকল্পে বাহ্যিক লাইব্রেরি বা ব্রাউজার API ব্যবহার হলে, Claude-কে সেই নির্দিষ্ট প্রকল্পের জন্য প্রয়োজনীয় সেটআপ নির্দেশনা অন্তর্ভুক্ত করতে বলুন।
একটি প্রম্পট কীভাবে ব্যবহার করবেন
প্রতিটি নির্বাচিত এন্ট্রিতে Prompt লেখা একটি লিংক রয়েছে। আপনি যে ধরনের অ্যানিমেশন তৈরি করতে চান, তার সঙ্গে মেলে এমন একটি উদাহরণ বেছে নিয়ে রিপোজিটরিতে এর প্রম্পট ফাইল খুলুন।
- মোশন গ্রাফিক্স, এক্সপ্লেইনার, 3D দৃশ্য বা ইন্টারঅ্যাকটিভ প্রকল্পের মতো একটি বিভাগ বেছে নিন।
- প্রযুক্তির লেবেলগুলো পর্যালোচনা করুন, যেমন
Canvas,SVG,GSAPবাThree.js। prompts/-এ লিংক করা Markdown ফাইলটি খুলুন।- প্রম্পটটি Claude Opus 5.5 বা আপনার পছন্দের কোডিং এজেন্টে কপি করুন।
- এজেন্টকে প্রকল্পের ফাইল তৈরি করতে এবং কীভাবে চালাতে হবে তা ব্যাখ্যা করতে বলুন।
- তৈরি হওয়া HTML প্রকল্পটি ব্রাউজারে খুলে আউটপুটে ধাপে ধাপে পরিবর্তন আনুন।
উদাহরণস্বরূপ, Canvas-ভিত্তিক কোনো উদাহরণের প্রম্পট ফাইল ব্রাউজার অ্যানিমেশনের সূচনাবিন্দু হিসেবে কাজ করতে পারে। শুধু ভিজ্যুয়াল ধারণাটি কপি না করে rendering পদ্ধতি, গতির আচরণ, ভিজ্যুয়াল আবহ, ইন্টারঅ্যাকশন এবং কারিগরি সীমাবদ্ধতার মতো গুরুত্বপূর্ণ প্রয়োজনীয়তাগুলো প্রম্পটে বজায় রাখুন। এরপর বিষয় বা স্টাইল পরিবর্তন করে ফলাফলটিকে নিজস্ব করে তুলুন।
একটি প্রম্পট দিয়ে শুরু করুন, নির্ভুলভাবে কপি করুন, তৈরি হওয়া ফলাফল চালান এবং ছোট ছোট পরবর্তী অনুরোধের মাধ্যমে পরিবর্তন আনুন।
উদাহরণস্বরূপ ধাপে ধাপে কাজের পদ্ধতি
একটি ব্যবহারিক কাজের পদ্ধতি এমন হতে পারে:
- নির্বাচিত ধারণাটি একটি স্বয়ংসম্পূর্ণ HTML ফাইল হিসেবে বাস্তবায়ন করতে Claude-কে বলুন।
- আধুনিক ব্রাউজারে ফাইলটি চালিয়ে অ্যানিমেশনটি সঠিকভাবে রেন্ডার হচ্ছে কি না পরীক্ষা করুন।
- একটি নির্দিষ্ট পরিবর্তনের অনুরোধ করুন, যেমন ভিন্ন রঙের প্যালেট, ধীর ট্রানজিশন বা নতুন ইন্টারঅ্যাকশন।
- আরেকটি পরিবর্তনের অনুরোধ করার আগে সংশোধিত সংস্করণটি আবার পরীক্ষা করুন।
- সফল সংস্করণগুলো আলাদাভাবে সংরক্ষণ করুন, যাতে বিভিন্ন ধাপের তুলনা করতে পারেন।
কোনো প্রকল্প নির্দিষ্ট কোনো কৌশলের ওপর নির্ভর করলে, অনুরোধে সেটি স্পষ্টভাবে উল্লেখ করুন। যেমন, রেফারেন্সে Canvas লেখা থাকলে Canvas বাস্তবায়ন চাইতে পারেন, অথবা রেফারেন্সে 3D দৃশ্য থাকলে Three.js চাইতে পারেন। এতে তৈরি হওয়া ফলাফলটি মূল উদাহরণের সঙ্গে সামঞ্জস্যপূর্ণ থাকে।
প্রযুক্তিগত লেবেলগুলো বুঝুন
Canvas
Canvas উদাহরণগুলো সরাসরি ব্রাউজার ক্যানভাসে গ্রাফিক্স আঁকে এবং পার্টিকল, প্রোসিডিউরাল অ্যানিমেশন ও ফ্রেম-বাই-ফ্রেম গতির জন্য প্রায়ই কার্যকর পছন্দ।
SVG
SVG উদাহরণগুলো স্কেলযোগ্য ভেক্টর আকৃতি হিসেবে ভিজ্যুয়াল উপাদান তৈরি করে। জ্যামিতিক কম্পোজিশন, ডায়াগ্রাম এবং স্পষ্ট আকৃতি প্রয়োজন এমন অ্যানিমেশনের জন্য এগুলো উপযোগী।
GSAP
GSAP এমন উদাহরণে ব্যবহৃত হয় যেখানে সমন্বিত টাইমলাইন, ট্রানজিশন ও গতির জন্য একটি নির্দিষ্ট অ্যানিমেশন লাইব্রেরি ব্যবহার করা হয়।
Three.js, WebGL এবং GLSL
এই লেবেলগুলো আরও উন্নত রেন্ডারিং পদ্ধতি নির্দেশ করে। Three.js 3D দৃশ্যের জন্য একটি JavaScript ফ্রেমওয়ার্ক, আর WebGL ও GLSL নিম্ন-স্তরের GPU-ত্বরণযুক্ত গ্রাফিক্স এবং শেডার ইফেক্টে সহায়তা করে।
Web Audio এবং Particles
Web Audio উদাহরণগুলো ভিজ্যুয়ালকে ব্রাউজারের অডিও সক্ষমতার সঙ্গে যুক্ত করে। পার্টিকল উদাহরণগুলো ছোট ছোট চলমান উপাদানের সমষ্টির ওপর কেন্দ্রীভূত, যা ফিল্ড, ট্রেইল বা বিস্ফোরণের মতো ইফেক্ট তৈরি করে।
আরও ভালো ফলাফলের জন্য উন্নত টিপস
- রিপোজিটরিকে প্রম্পট লাইব্রেরি হিসেবে ব্যবহার করুন: ভিন্ন ভিজ্যুয়াল তৈরি করার পরিকল্পনা থাকলেও একটি বেছে নেওয়ার আগে কয়েকটি প্রম্পট তুলনা করুন।
- প্রযুক্তির লেবেল অনুসরণ করুন: আপনার পরিকল্পিত প্রকল্পের বাস্তবায়নধারার সঙ্গে মেলে এমন উদাহরণ দিয়ে শুরু করুন।
- সম্পূর্ণ চালানোর উপযোগী ফলাফল চাইুন: বিচ্ছিন্ন কোড স্নিপেটের বদলে Claude-কে প্রয়োজনীয় সব কোড ও স্পষ্ট ব্রাউজার নির্দেশনা দিতে বলুন।
- ছোট ধাপে পুনরাবৃত্তি করুন: ভিজ্যুয়াল পরিবর্তন, ইন্টারঅ্যাকশন পরিবর্তন এবং পারফরম্যান্স উন্নতিকে আলাদা অনুরোধে ভাগ করুন।
- তুলনার জন্য মূল প্রম্পট রেখে দিন: পরিবর্তিত সংস্করণটি উৎস প্রম্পটের পাশে সংরক্ষণ করুন, যাতে কোন পরিবর্তন ফলাফলে প্রভাব ফেলেছে তা শনাক্ত করতে পারেন।
- উৎস লিংকগুলো দেখুন: প্রতিটি নির্বাচিত এন্ট্রিতে নির্মাতার মূল পোস্টের লিংক রয়েছে, যা প্রকল্প সম্পর্কে অতিরিক্ত প্রেক্ষাপট দেয়।
- অনুসন্ধানের জন্য কাঠামোবদ্ধ ডেটা ব্যবহার করুন: শুধু নির্বাচিত উদাহরণ নয়, 282টি এন্ট্রির সম্পূর্ণ সেট নিয়ে কাজ করতে হলে
data/videos.json-এ অনুসন্ধান করুন। - ব্রাউজারের অনুমতি পরীক্ষা করুন: অডিও, ব্যবহারকারীর ইনপুট বা উন্নত গ্রাফিক্স-সম্পর্কিত প্রকল্পগুলো ব্রাউজারের অনুমতি ও হার্ডওয়্যার অনুযায়ী ভিন্নভাবে কাজ করতে পারে।
কৃতিত্ব ও মূল কাজ
এই সংগ্রহে নির্বাচিত ভিডিওগুলোর নির্মাতাদের কৃতিত্ব দেওয়া হয়েছে এবং তাদের মূল পোস্টের লিংক যুক্ত করা হয়েছে। কোনো ধারণা বা প্রম্পট পুনর্ব্যবহার করার সময় মূল এন্ট্রিটি পর্যালোচনা করুন এবং যথাযথ স্বীকৃতি বজায় রাখুন। রিপোজিটরিটি আবিষ্কার ও শেখার একটি সম্পদ, আর পৃথক ভিডিওগুলো সংশ্লিষ্ট নির্মাতাদের সম্পত্তি।
সম্পূর্ণ ব্রাউজিং অভিজ্ঞতার জন্য Skillry গ্যালারি ব্যবহার করুন, অথবা সরাসরি রিপোজিটরির প্রম্পট ফাইলগুলো দেখুন।
উপসংহার
Awesome Opus 5.5 Videos প্রম্পট-নির্ভর ক্রিয়েটিভ কোডিং শেখার একটি ব্যবহারিক উপায় দেয়। বিভাগগুলো ব্রাউজ করুন, একটি বাস্তবায়নধারা বেছে নিন, prompts/ থেকে একটি প্রম্পট কপি করুন এবং Claude Opus 5.5-কে চালানোর উপযোগী ব্রাউজার অভিজ্ঞতা তৈরি করতে বলুন। Canvas, SVG, Three.js, GLSL, GSAP, Web Audio এবং আরও অনেক প্রযুক্তি জুড়ে থাকা 282টি প্রম্পটের মাধ্যমে এই সংগ্রহ আপনার নিজস্ব অ্যানিমেশন ও ইন্টারঅ্যাকটিভ পরীক্ষার জন্য অসংখ্য সূচনাবিন্দু দেয়।