Vide Coding, আপনি হয়তো vibe coding শব্দটা শুনেছেন, আবার অনেকে হয়তো প্রথমবার দেখছেন।
কিন্তু ধরেই বলতে পারি, কয়েক লাইন পড়লেই মাথায় ঢুকে যাবে, “ওহ্! এইটাই নাকি এখন vibe coding নামে চলছে!”
সহজ করে বললে Vibe Coding মানে হল AI দিয়ে কোড লিখিয়ে নেয়া। আপনি শুধু আইডিয়া বা প্রম্পট দিবেন, AI কোড লিখবে পুরোটাই! আপনার কাজ শুধু গাইড করা। প্রোগ্রামিং ল্যাঙ্গুয়েজ জানেন কি জানেন না, তাতে কিছু আসে যায় না।
ফলাফল? শূন্য কোডিং এক্সপেরিয়েন্স নিয়েও আপনি বানিয়ে ফেলতে পারবেন আসল কাজ করা সফটওয়্যার। কোডের ভিতরের ডিটেইল? সেটা AI সামলাবে। আপনার ফোকাস থাকবে রেজাল্ট আর ওয়ার্কফ্লোতে।
আমি নিজেই কোনো প্রফেশনাল সফটওয়্যার ইঞ্জিনিয়ার না। প্রোগ্রামিং ল্যাঙ্গুয়েজের অক্ষরও চিনি না প্রায়। কিন্তু তাতেই বা কী আসে যায়? AI কে প্রম্পট করতে পারি, প্রোবলেম সলভিং স্কিল আছে এই দুটো নিয়েই নামলাম ময়দানে।
কিছুদিন আগেই আমাদের কোম্পানির ওয়েবসাইটের জন্য কাস্টম HTML সেকশন বানিয়েছিলাম AI এর সাহায্যে। তাই ভাবলাম Cursor AI দিয়ে একবার নিজের “AI coding লিমিট” টেস্ট করা যাক।
আজকের এই গাইডে দেখাবো Cursor AI আর Claude 3.7 ব্যবহার করে কিভাবে vibe coding করবেন। উদাহরণ হিসেবে বানাবো একটা ওয়ার্ডপ্রেস প্লাগইন, যেটা Elementor-এ একটা “questionnaire” উইজেট যোগ করবে। সাথে থাকবে মজার সব টিপস & ট্রিকস।
কেন Vibe Coding নিয়ে এত হইচই?
ধরুন আপনি একটা কনফিগারেশন অ্যাপ বানাতে চান। সাধারণ কোডার হলে শুরুর আগে ফাইল, ফোল্ডার, ডাটাবেস কত ঝামেলা! কিন্তু Cursor AI বা Claude দিয়ে vibe coding করলে? একটা ডিটেইল প্রম্পট দিলেই AI সব কিছু গুছিয়ে ফেলে দেবে।
প্রথমেই মাথায় রাখুন Convention File বানানো দরকার।
এটা এক ধরনের গাইডলাইন ডকুমেন্ট কোডিং স্ট্যান্ডার্ড, টেক স্ট্যাক, ওয়ার্কফ্লো, AI-এর সাথে কিভাবে কমিউনিকেট করবেন সব লিখে দিন।
AI নিজেই আপনাকে লিখতেও সাহায্য করবে।
My First Experiment: Getting Started with Claude 3.7
আমি প্রথমে Anthropic-এর Claude 3.7 ব্যবহার করলাম। কারণ এটা কোড রিয়েল-টাইমে দেখায়, আর তখনকার সময়ে (এপ্রিল ২০২৫) কোডিং-এর জন্য এটিই ছিল সেরা LLM।
প্রথমে কোনো Convention File লিখিনি। সোজা প্রম্পট দিয়ে শুরু করলাম। প্রম্পটটা এমন ছিল:
“একটা প্রোটোটাইপ অ্যাপ চাই, যেখানে ইউজার কয়েকটা প্রশ্নের উত্তর দিয়ে বুঝবে কোন AI Agent সলিউশন ওদের জন্য বেস্ট।”
Claude একবারেই কাজ করে ফেললো। কোডও দিলো, প্রোটোটাইপও তৈরি হলো।
কিন্তু কয়েকটা সমস্যা বের হলঃ
- প্রশ্নের সংখ্যা কম ছিল, ফলে রেজাল্ট অনেক সময় কাছাকাছি আসতো।
- UI-তে বারবার ক্লিক করতে হচ্ছিল, ইউজার এক্সপেরিয়েন্স মসৃণ না।
- টুলটিপ না থাকায় অনেক প্রশ্ন বোঝা কঠিন।
- ইউজারদের জন্য উত্তর কপি করার সহজ উপায় ছিল না।
এখানেই বুঝলাম Convention File না বানিয়ে শুরু করা কত বড় ভুল!
AI Powered
Complete Web Development Bootcamp Batch 15
The Power of Iteration in Vibe Coding
প্রথম প্রোটোটাইপ ঠিকঠাক হলেও সন্তুষ্টি আসেনি। আমি প্রশ্নের সংখ্যা বাড়ালাম, স্কোরিং সিস্টেম আপগ্রেড করলাম।
কিন্তু টুলটিপ আইকন ঠিক জায়গায় বসানো নিয়ে Claude একেবারে ব্যর্থ! CSS বারবার ব্রেক হয়ে যাচ্ছিল।
তখন কাজে লাগলো Cursor AI-এর Rollback ফিচার।
Cursor-এ আপনি পুরোনো চেকপয়েন্টে ফিরে গিয়ে নতুন করে চেষ্টা করতে পারেন। Claude-এও আগের কোড কপি করে নতুন চ্যাটে পেস্ট করে এগোনো যায়।
এই কৌশলটা কাজে লাগালাম। আগের স্টেবল ভার্সনে ফিরে গিয়ে আবার কাজ শুরু করলাম আর সমস্যা মিটে গেল।
Cursor AI: The Real Game-Changer for Vibe Coding
Claude দিয়ে অনেকদূর যাওয়া গেলেও শেষমেশ বুঝলাম, Cursor AI অনেক বেশি “প্রফেশনাল” টুল।
Why Cursor AI Stands Out:
- Agent Mode: একবার প্রম্পট দিলে ফাইল, ফোল্ডার, ডকুমেন্টেশন সব তৈরি করে দেয়।
- Restore Checkpoint: আগের কোডে সহজে ফিরে যাওয়া যায়।
- একসাথে একাধিক ফাইল ম্যানেজ করতে পারে, যেটা ওয়েব ইন্টারফেসে ঝামেলাপূর্ণ।
Cursor দিয়ে Elementor প্লাগইন বানানোর কাজ অনেক সহজ হলো। আমি শুধু বেসিক Convention File লিখে দিলাম, বাকি কাজ Cursor সামলালো।
Learning Gaps and Challenges Along the Way
প্লাগইন ইনস্টল করতে গিয়ে ছোটখাটো সমস্যা হল ফোল্ডারের স্ট্রাকচার ভুল ছিল। সঠিক করে দিলে প্লাগইন ঠিকঠাক কাজ করলো।
তারপর এল “ফিচার অ্যাড” করার চ্যালেঞ্জ।
আমি চাইলাম যেন রেজাল্টের সংখ্যা (ডিফল্ট ৩) ইউজার চাইলে বাড়াতে পারে। Cursor কোড বদলালেও ফ্রন্টএন্ড ভেঙে যাচ্ছিল।
একজন ডেভেলপার বন্ধু ইঙ্গিত দিলো “রেজাল্টের সংখ্যা প্রশ্ন যোগের আগেই ঠিক করতে হবে।”
এই ইনসাইট পেয়ে সহজ সলিউশন নিলাম ডাইনামিক না করে প্রিসেট মোড বানালাম।
এবার সব ঠিকঠাক কাজ করলো।
Reverse Prompting: AIকেই প্রশ্ন করতে দিন
কাজের সময় আমি Reverse Prompting ব্যবহার করেছি। মানে AI-কে বলেছি “তুমি আগে প্রশ্ন করো, তারপর কোড দাও।”
এতে AI এমন অনেক রিকোয়ারমেন্ট বের করেছে যেগুলো আমি ভাবতেই পারিনি।
চূড়ান্ত রেজাল্ট
শেষ পর্যন্ত Cursor AI দিয়ে বানানো Elementor উইজেট একেবারে ঝকঝকে!
- ইউজার নতুন প্রশ্ন যোগ করতে পারে
- টুলটিপ অন/অফ করতে পারে
- রেজাল্ট পয়েন্ট সিস্টেম কাস্টমাইজ করা যায়
সবচেয়ে মজার ব্যাপার এক লাইন কোডও নিজে লিখিনি!
শেখা এবং রিয়েলিটি চেক
তো, এটা কি প্রমাণ করে যে প্রোগ্রামারদের দরকার শেষ? একেবারেই না।
AI যতই স্মার্ট হোক, যখন কোড ব্রেক করবে, তখন একজন রিয়েল ডেভেলপারের দরকার হবেই।
Vibe Coding শুধু প্রোটোটাইপ, MVP বা ছোট প্রোজেক্টের জন্য দারুণ। কিন্তু বড় স্কেল, সিকিউরিটি বা লং-টার্ম মেইনটেন্যান্সের জন্য এখনও মানব ডেভেলপার অপরিহার্য।
প্রোগ্রামার না হয়েও Cursor AI দিয়ে নিজের অ্যাপ বানানোর যে মজা, সেটা একবার না করলে বোঝা যাবে না।
সোজা প্রম্পট দিন, Convention File দিয়ে AI-কে গাইড করুন, আর বসে বসে দেখুন কোড নিজেরাই লাইন বাই লাইন তৈরি হচ্ছে।
কে জানে, হয়তো আপনার পরের বড় স্টার্টআপের MVP-টাই Cursor AI দিয়েই তৈরি হবে!
Summary:
Vibe Coding with Cursor AI explores how AI-powered coding tools like Cursor AI and Claude can help turn ideas into functional software using natural-language prompts instead of writing every line of code manually. The article demonstrates a real-world experiment of building an Elementor questionnaire widget for WordPress using AI-assisted development.
It covers practical techniques such as creating a Convention File, using Cursor’s Agent Mode and Rollback features, applying Reverse Prompting, and iterating with AI to improve a project. The guide also highlights the benefits and limitations of vibe coding, showing that while AI can accelerate prototyping and MVP development, human developers are still essential for debugging, security, scalability, and long-term maintenance.
