AI দিয়ে Chrome এক্সটেনশন বানানো: Claude দিয়ে ধাপে ধাপে

AI দিয়ে Chrome এক্সটেনশন বানাতে Claude কে এক্সটেনশনের কাজটা পরিষ্কার করে লিখে দিন, সে Manifest V3 অনুযায়ী manifest.json আর বাকি ফাইল বানিয়ে দেবে। ফাইলগুলো একটা ফোল্ডারে রেখে chrome://extensions এ Developer mode চালু করে Load unpacked দিয়ে নিজের Chrome এ চালিয়ে দেখুন। ঠিকমতো চললে এককালীন রেজিস্ট্রেশন ফি দিয়ে Chrome Web Store এ জমা দেওয়া যায়, বাংলাদেশ থেকেও।

Chrome এক্সটেনশন আসলে কী

Chrome এক্সটেনশন হলো ব্রাউজারের ভেতরে চলা ছোট একটা প্রোগ্রাম, যেটা Chrome এ একটা বাড়তি কাজ যোগ করে। ঠিকানার বারের পাশে যে ছোট আইকনগুলো দেখেন, বিজ্ঞাপন আটকানো, অনুবাদ, পাসওয়ার্ড ম্যানেজার, এগুলোর বেশিরভাগই এক্সটেনশন।

ভেতরে খুললে একটা এক্সটেনশন মানে একটা ফোল্ডারে কয়েকটা সাধারণ ফাইল, ওয়েবসাইটের ফাইলের মতোই:

এই কারণেই এক্সটেনশন AI দিয়ে বানানোর প্রথম প্রজেক্ট হিসেবে খুব ভালো: ফাইল কম, সার্ভার বা ডেটাবেস লাগে না, আর নিজের কম্পিউটারেই সাথে সাথে চালিয়ে দেখা যায়। কোড না জেনে অ্যাপ বানানোর পুরো ধারণা, মানে Vibe Coding, আছে কোড ছাড়া অ্যাপ বানানোর লেখায়।

Manifest V3: যা জানলেই চলবে

manifest.json এর প্রথম লাইনের একটা সংখ্যা, manifest_version, ঠিক করে এক্সটেনশন কোন নিয়মে চলবে। পুরনো নিয়ম Manifest V2 এখন বন্ধ: Google এর হিসাবে ২৪ জুলাই ২০২৫ থেকে Chrome এ V2 এক্সটেনশন সবার জন্য নিষ্ক্রিয়, আর ৩১ আগস্ট ২০২৬ এ বাকি সব V2 এক্সটেনশন Chrome Web Store থেকে সরানো হয়েছে (Chrome for Developers, Manifest V2 support timeline)।

তাই ইউটিউবের পুরনো টিউটোরিয়াল বা AI এর পুরনো জ্ঞান থেকে V2 কোড এলে সেটা চলবে না। Claude কে সবসময় বলুন "Manifest V3"। V3 এর মূল কয়েকটা অংশ:

• "manifest_version": 3, সাথে name, version আর description।
• action: টুলবারের আইকন আর ক্লিক করলে কোন popup খুলবে।
• background: V3 তে পেছনের কাজ চলে service worker এ, পুরনো background page আর নেই।
• permissions আর host_permissions: এক্সটেনশন কী কী করতে পারবে আর কোন সাইটে। যত কম, তত ভালো।
• বাইরের কোড না: V3 তে এক্সটেনশনের সব কোড প্যাকেজের ভেতরেই থাকতে হয়; নিজের সার্ভার বা CDN থেকে JavaScript এনে চালানো যায় না।

উদাহরণ হিসেবে এই লেখায় একটা ছোট এক্সটেনশন বানাব: "দ্রুত উত্তর"। ফেসবুক পেজ বা দোকানের ইনবক্সে বারবার একই উত্তর লিখতে হয় (দাম, ডেলিভারি চার্জ, পেমেন্টের নিয়ম)। এক্সটেনশনের popup এ নিজের লেখা উত্তরগুলো থাকবে, ক্লিক করলেই কপি। তার manifest.json এরকম:

{
  "manifest_version": 3,
  "name": "Druto Uttor",
  "version": "1.0",
  "description": "Save your common replies and copy them in one click.",
  "action": { "default_popup": "popup.html" },
  "permissions": ["storage"],
  "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }
}

অনুমতি শুধু একটা, storage, উত্তরগুলো নিজের ব্রাউজারে জমা রাখার জন্য। অন্য কোনো সাইটের পাতা পড়া বা বদলানোর অনুমতি নেই, তাই রিভিউও সহজ হয়।

Claude দিয়ে বানানো, ধাপে ধাপে

Claude এর ফ্রি প্ল্যানেই এই আকারের এক্সটেনশন বানানো যায়। Claude নতুন হলে আগে পড়ে নিন Claude AI এর বাংলা গাইড। মূল কৌশল হলো প্রথম প্রম্পটে পুরো কাজটা পরিষ্কার করে লেখা, আমাদের কোর্সে এটাকে বলা হয় মাস্টার প্রম্পট।

নিজের Chrome এ টেস্ট: Load unpacked

স্টোরে দেওয়ার আগে এক্সটেনশন নিজের Chrome এ চালিয়ে দেখা যায়, একে বলে unpacked লোড। Google এর নিজের Hello World টিউটোরিয়ালেও এই পথ (Chrome for Developers, Hello World)।

কিছু না চললে লুকানোর কিছু নেই, এরর সাধারণত কোথাও লেখা থাকে। chrome://extensions এ এক্সটেনশনের ঘরে Errors বোতাম আসলে সেটা খুলুন। popup এর ভেতরে ডান ক্লিক করে Inspect চাপলে Console এ এরর দেখা যায়। এররের লেখাটা হুবহু কপি করে Claude কে দিন, সাথে বলুন কোন ফাইলে কী বদলাতে হবে শুধু সেটুকু দিতে। এভাবে দুই তিন বারেই বেশিরভাগ সমস্যা মেটে।

সব ঠিক হলে ফোল্ডারটা zip করুন, যাতে manifest.json zip এর ভেতরে একদম ওপরে থাকে, কোনো সাব ফোল্ডারের ভেতরে না। অপ্রয়োজনীয় ফাইল (পুরনো কপি, নোট) zip এ রাখবেন না।

Chrome Web Store এ পাবলিশ

এক্সটেনশন সবার জন্য দিতে চাইলে Chrome Web Store এ জমা দিতে হয়। আজ (৯ অক্টোবর ২০২৬) Google এর অফিশিয়াল পাতাগুলোতে যা লেখা আছে:

জমা দেওয়ার ধাপ: Developer Dashboard এ Add new item চেপে zip ফাইল আপলোড করুন। তারপর Store listing এ বর্ণনা, স্ক্রিনশট আর প্রোমো ছবি দিন। Privacy practices ট্যাবে এক্সটেনশনের একমাত্র উদ্দেশ্য লিখুন আর প্রতিটা অনুমতি কেন লাগে তার ব্যাখ্যা দিন। Google এর নিজের কথায়, দরকারের চেয়ে বেশি অনুমতি চাইলে এক্সটেনশন বাতিল হতে পারে (Chrome for Developers, Privacy fields)। রিভিউ পাস হলে পাবলিশ করার জন্য ৩০ দিন সময় থাকে।

স্টোরের বর্ণনা আর স্ক্রিনশটের লেখাও Claude দিয়ে লেখাতে পারেন, তবে যা এক্সটেনশন করে না তা লিখবেন না। ভুল বর্ণনা আর বাড়তি দাবি রিভিউতে বাতিলের সাধারণ কারণ।

এক্সটেনশন দিয়ে কী করবেন: নিজের কাজ, ক্লায়েন্ট, বিক্রি

প্রথম এক্সটেনশনের আসল লাভ শেখা আর একটা লাইভ লিংক, যেটা দেখিয়ে বলা যায় "আমি এটা বানিয়েছি"। তারপর তিনটা পথ খোলা:

• নিজের বা অফিসের কাজ: অফিসে কেউ প্রতিদিন একই ওয়েবসাইটে একই কাজ করেন, যেমন একই ফর্ম পূরণ বা একই রিপোর্ট কপি। ছোট একটা এক্সটেনশন সেই সময় বাঁচাতে পারে। এমন অভ্যন্তরীণ কাজের জন্য স্টোরে পাবলিশ নাও লাগতে পারে।
• ক্লায়েন্টের জন্য কাস্টম এক্সটেনশন: কোনো ব্যবসার নির্দিষ্ট একটা কাজের এক্সটেনশন বানিয়ে দেওয়া প্রজেক্ট হিসেবে নেওয়া যায়। দাম কীভাবে ঠিক করবেন, পড়ুন AI সার্ভিসের দাম ঠিক করার লেখায়।
• ফ্রি বা পেইড এক্সটেনশন: টাকা নিতে চাইলে পেমেন্টের ব্যবস্থা নিজেকেই করতে হয়। Google এর নীতি অনুযায়ী মূল কাজের জন্য টাকা লাগলে সেটা বর্ণনায় পরিষ্কার লিখতে হবে আর জানাতে হবে বিক্রেতা আপনি, Google না (Chrome Web Store Program Policies)।

কোনো এক্সটেনশন থেকে নির্দিষ্ট আয় হবে, এমন কোনো নিশ্চয়তা নেই। বাস্তবে শুরুটা হয় একটা ছোট সমস্যার সমাধান দিয়ে, কয়েকজন পরিচিতকে ব্যবহার করতে দিয়ে আর তাদের মতামত শুনে। ইবুক, টেমপ্লেটের মতো অন্য ডিজিটাল প্রোডাক্টের পথও দেখে নিতে পারেন AI দিয়ে ডিজিটাল প্রোডাক্ট বানানোর গাইডে।

তথ্যসূত্র: Chrome for Developers, Manifest V2 support timeline; Manifest file format; Hello World extension; Register your developer account; Publish in the Chrome Web Store; Supplying images; Review process; Quality guidelines; Program Policies. সর্বশেষ যাচাই: ৯ অক্টোবর ২০২৬।

সচরাচর যা জিজ্ঞেস করা হয়

এই লেখার পরের ধাপ, ফ্রি বাংলা বই

AI টুলস হেভেন

কোন কাজে কোন ধরনের টুল লাগে তার মানচিত্র, বাছাইয়ের চেকলিস্ট, আর খরচ ও নিরাপত্তা নিয়ন্ত্রণের নিয়ম।

বইটা ফ্রি নিন

অন্য কাজের বই খুঁজছেন? পুরো লাইব্রেরি, ১১টা বই