ওয়েব ডেভেলপমেন্টের জন্য এআই এজেন্ট
ওয়েব ডেভেলপমেন্টের এআই এজেন্ট এমন সফটওয়্যার, যা একজন ডেভেলপারের মতো ওয়েবসাইট তৈরি, টেস্ট ও রক্ষণাবেক্ষণ করে। Monmo এজেন্ট একই সাবস্ক্রিপশনে থাকা অ্যাপ বিল্ডার MonstarX এবং নিজের কম্পিউটারের ডেভেলপার টুল দিয়ে পেজ তৈরি করে। ফোন ও ডেস্কটপের স্ক্রিন প্রস্থে টেস্ট করে, বাগ ঠিক করে এবং ডকুমেন্টেশন লেখে। প্রকাশের আগে অনুমতি চায়। কাজের পরিধি ও আর্কিটেকচারের সিদ্ধান্ত আপনার হাতেই থাকে।
হালনাগাদ: 2026-11-13 · বিনামূল্যে শুরু করুন। পেইড প্ল্যান মাসে $15 থেকে।
চাকরির বিবরণ, প্রতিটি দায়িত্ব ধরে
প্রতিটি দায়িত্ব এই পদের প্রচলিত চাকরির বিবরণ থেকে নেওয়া। পাশে দেখানো আছে, এজেন্ট সেটি কীভাবে সামলায় এবং নিজে থেকে কতদূর এগোয়।
- নিজেই করেগবেষণা, পড়া, খসড়া লেখা ও তৈরি করার কাজ। কিছুই আপনার ব্যবসার বাইরে যায় না।
- করে, আগে অনুমতি নেয়শেষ ধাপে কিছু পাঠানো, পোস্ট করা, পেমেন্ট দেওয়া বা কোনো রেকর্ড বদলানো হয়, তাই আগে আপনাকে একটি কার্ড দেখায়।
- প্রস্তুত করে, সিদ্ধান্ত আপনারএই দায়িত্বে আপনার বিচারবিবেচনা দরকার। এজেন্ট তথ্য ও পরামর্শ নিয়ে আসে।
- আপনার হাতেই থাকেফোনকল, সরাসরি মিটিং, স্বাক্ষর ও সম্পর্ক বজায় রাখা।
| # | চাকরির বিবরণে | এজেন্ট যেভাবে করে | নিজে থেকে কতদূর এগোয় |
|---|---|---|---|
| 01 | ওয়েবসাইট ও ওয়েব অ্যাপ্লিকেশনের জন্য পরিচ্ছন্ন, পরীক্ষিত কোড লেখা। | নিজের কম্পিউটারে HTML, CSS, JavaScript ও TypeScript লেখে, তৈরি করা কাজের জন্য টেস্ট যোগ করে এবং রিপোর্ট দেওয়ার আগে টেস্ট ও লিন্টার চালায়। আপনি GitHub-এ পুশ করার অনুমতি না দেওয়া পর্যন্ত কাজটি ব্রাঞ্চে থাকে। | নিজেই করে |
| 02 | HTML, CSS ও JavaScript দিয়ে ডিজাইন থেকে রেসপনসিভ পেজ ও ইন্টারফেস তৈরি করা। | আপনার Figma ফাইল বা স্ক্রিনশট থেকে MonstarX-এ বা কোড দিয়ে প্রতিটি পেজ তৈরি করে। 390, 768 ও 1,440 পিক্সেল প্রস্থে পরীক্ষা করে এবং ডিজাইন থেকে কোথায় পার্থক্য আছে তা জানায়। MonstarX প্রজেক্ট শুরু বা পরিবর্তনের আগে অনুমতি চায়। | করে, আগে অনুমতি নেয় |
| 03 | ফ্রন্ট এন্ডকে ব্যাক-এন্ড সার্ভিস, API ও ডেটাবেসের সঙ্গে যুক্ত করা। | Stripe বা Supabase-এর মতো সার্ভিসের ডকুমেন্টেশন পড়ে, এরর হ্যান্ডলিংসহ কল লেখে এবং টেস্ট কি দিয়ে নিজের কম্পিউটারে পরীক্ষা করে। কোন লাইভ কি লাগবে তা আপনাকে জানায়; সেগুলো যোগ করার দায়িত্ব আপনার। | নিজেই করে |
| 04 | বিভিন্ন ব্রাউজার ও ডিভাইসে টেস্ট করে বাগ খুঁজে ঠিক করা। | নিজের ডেস্কটপে Chrome ও Firefox-এ ফোন, ট্যাবলেট ও ডেস্কটপ প্রস্থে প্রতিটি পেজ খোলে, প্রতিটি লিংকে ক্লিক করে এবং প্রতিটি ফর্ম জমা দেয়। বাগটি আবার ঘটিয়ে দেখে, ব্রাঞ্চে ঠিক করে এবং আগের ও পরের স্ক্রিনশট দেখায়। | নিজেই করে |
| 05 | পেজের গতি, পারফরম্যান্স ও সার্চ ইঞ্জিনে পাওয়ার মৌলিক বিষয়গুলো উন্নত করা। | নিজের ব্রাউজারে প্রতিটি পেজের লোড হতে সময় ও আকার মাপে, ছবি কমপ্রেস করে, অব্যবহৃত স্ক্রিপ্ট সরায় এবং পেজের টাইটেল, বিবরণ, অল্ট টেক্সট ও সাইটম্যাপ যোগ করে। আগের ও পরের পরিসংখ্যান দেয়, কোনো নির্দিষ্ট স্কোরের প্রতিশ্রুতি ছাড়া। | নিজেই করে |
| 06 | পুরো ডেভেলপমেন্টের আগে আইডিয়া যাচাই করতে ডিজাইনারদের সঙ্গে প্রোটোটাইপ ও মকআপ তৈরি করা। | Figma ফ্রেম, স্কেচ বা একটি অনুচ্ছেদ থেকে MonstarX-এ ক্লিকযোগ্য প্রোটোটাইপ তৈরি করে এবং ডিজাইনারের সঙ্গে শেয়ার করার জন্য প্রিভিউ লিংক দেয়। ‘ফর্মটি ওপরে সরাও’-এর মতো সাধারণ নির্দেশে পরিবর্তন করে। প্রতিটি বিল্ডের আগে অনুমতি চায়। | করে, আগে অনুমতি নেয় |
| 07 | অন্য ডেভেলপারদের কোড রিভিউ এবং ভার্সন কন্ট্রোল দিয়ে পরিবর্তন পরিচালনা করা। | GitHub থেকে প্রতিটি পুল রিকোয়েস্ট নিজের কম্পিউটারে চেক আউট করে, চালিয়ে দেখে এবং কী কাজ করছে না, কী অস্পষ্ট ও কীভাবে ঠিক করা যায় তা লিখে রিভিউ দেয়। মন্তব্য পোস্ট ও নিজের পুল রিকোয়েস্ট খোলার আগে অনুমতি চায়। মার্জ করার দায়িত্ব আপনার টিমের। | করে, আগে অনুমতি নেয় |
| 08 | টেকনিক্যাল ডকুমেন্টেশন লেখা ও হালনাগাদ রাখা। | কোডের পাশেই রিপোজিটরিতে README, সেটআপের ধাপ, প্রতিটি কম্পোনেন্টের জন্য একটি পেজ এবং প্রতিটি পরিবর্তনের জন্য চেঞ্জলগ এন্ট্রি ফাইল হিসেবে রাখে। কোড বদলালে একই কাজের অংশ হিসেবে সংশ্লিষ্ট পেজও আপডেট করে। | নিজেই করে |
| 09 | লাইভ সাইটে আপডেট, নতুন ফিচার ও বাগ ফিক্স ডিপ্লয় করা। | রিলিজ নোট, টেস্টের ফলাফল ও প্রিভিউ লিংক প্রস্তুত করে। সর্বজনীন ঠিকানা উল্লেখ থাকা কার্ডে অনুমতি দিলে MonstarX প্রজেক্ট প্রকাশিত হয়। GitHub-এর কোডের জন্য পুল রিকোয়েস্ট প্রস্তুত করে; ডিপ্লয় হয় আপনার প্রচলিত প্রক্রিয়া অনুযায়ী। | করে, আগে অনুমতি নেয় |
| 10 | সাইটের ব্যাকআপ রাখা এবং নিরাপত্তা ও সফটওয়্যার আপডেট প্রয়োগ করা। | প্রতি মাসে নিরাপত্তা আপডেট আছে এমন প্যাকেজ ও প্লাগইনের তালিকা করে, রিলিজ নোট পড়ে, ব্রাঞ্চে আপডেট প্রয়োগ করে এবং টেস্ট চালায়। কোনো পরিবর্তনের আগে সাম্প্রতিক ব্যাকআপ আছে কি না নিশ্চিত করে। লাইভ সাইট আপডেটের আগে অনুমতি চায়। | করে, আগে অনুমতি নেয় |
| 11 | ক্লায়েন্ট, ডিজাইনার ও ম্যানেজারদের সঙ্গে প্রয়োজনীয়তা, কাজের পরিধি ও অগ্রাধিকার ঠিক করা। | মিটিং নোট ও বার্তা থেকে Google Docs-এ কাজের পরিধির খসড়া তৈরি করে: পেজ, ফিচার, কী বাদ থাকছে, অমীমাংসিত প্রশ্ন এবং প্রতিটি কাজের জন্য কতটা পরিশ্রম লাগবে। আপনি ক্লায়েন্টের সঙ্গে তা চূড়ান্ত করেন, তারপর এজেন্ট সে অনুযায়ী কাজ করে। | প্রস্তুত করে, সিদ্ধান্ত আপনার |
| 12 | প্রজেক্টের জন্য প্রযুক্তি, ফ্রেমওয়ার্ক ও আর্কিটেকচার বেছে নেওয়া। | এক পেজে দুই বা তিনটি বিকল্পের তুলনা করে, যেমন MonstarX ও আপনার GitHub রিপোজিটরিতে কাস্টম কোড: প্রতিটি চালানোর খরচ, আপনার টিম কী জানে এবং ঝুঁকি কোথায়। সিদ্ধান্ত আপনার। | প্রস্তুত করে, সিদ্ধান্ত আপনার |
12টি দায়িত্বের মধ্যে 10টি এজেন্ট সামলায়, কিছু ক্ষেত্রে আপনার অনুমোদন নিয়ে
দায়িত্বগুলো কোথা থেকে নেওয়া. ওয়েব ডেভেলপার ও ফ্রন্ট-এন্ড ডেভেলপারদের প্রকাশ্য চাকরির বিবরণে সবচেয়ে বেশি দেখা যায় এমন বারোটি দায়িত্ব নতুনভাবে লেখা হয়েছে এবং ওয়েব ডেভেলপারদের জন্য O*NET-এর কাজের তালিকার সঙ্গে মিলিয়ে দেখা হয়েছে। O*NET OnLine-এর সঙ্গে মিলিয়ে যাচাই করা: 15-1254.00 ওয়েব ডেভেলপার
আপনার এআই ওয়েব ডেভেলপমেন্ট এজেন্ট-এর সঙ্গে এক সপ্তাহ
অনুরোধ ও ডিজাইন পড়ে, অস্পষ্ট বিষয় নিয়ে প্রশ্ন করে এবং তৈরির আগে সংক্ষিপ্ত পরিকল্পনা জানায়।
অসমাপ্ত কাজের তালিকা করে: জানানো বাগ, রিভিউয়ের অপেক্ষায় থাকা পুল রিকোয়েস্ট এবং এই সপ্তাহে শেষ করার পেজ।
নিজের কম্পিউটারে খোলা পুল রিকোয়েস্টগুলো রিভিউ করে এবং আপনার অনুমোদনের জন্য মন্তব্যের খসড়া তৈরি করে।
সপ্তাহের পরিবর্তনগুলো ফোন, ট্যাবলেট ও ডেস্কটপের প্রস্থে টেস্ট করে এবং পাওয়া সমস্যা ব্রাঞ্চে ঠিক করে।
রিলিজের জন্য কী বদলেছে, টেস্টের ফলাফল ও প্রিভিউ লিংক প্রস্তুত করে। প্রকাশের জন্য আপনার অনুমোদনের অপেক্ষা করে।
নিরাপত্তা আপডেট আছে এমন প্যাকেজের তালিকা করে, ব্রাঞ্চে আপডেট প্রয়োগ করে এবং টেস্ট চালায়।
প্রথম দিন যা দেবেন
- কোডে অ্যাক্সেস: আপনার GitHub রিপোজিটরি বা সাইটটি থাকা MonstarX প্রজেক্ট
- ডিজাইন: একটি Figma ফাইল, স্ক্রিনশট বা যে সাইটের মতো করতে চান তার উদাহরণ
- ব্র্যান্ডের উপকরণ ও লেখা: লোগো, ফন্ট, রং, ছবি এবং প্রতিটি পেজের লেখা
- আপনার কাজের পদ্ধতি: ব্রাঞ্চের নিয়ম, কে রিভিউ করেন এবং কীভাবে রিলিজ লাইভ সাইটে পৌঁছায়
- সাইটে ব্যবহৃত সার্ভিসগুলোর টেস্ট কি। লাইভ কি আপনার কাছেই থাকে
- আপনার ভিজিটররা সবচেয়ে বেশি যে ব্রাউজার ও স্ক্রিন সাইজ ব্যবহার করেন
যা আপনার হাতেই থাকবে
- ক্লায়েন্ট ও ম্যানেজারদের সঙ্গে কাজের পরিধি, অগ্রাধিকার ও সময়সীমা ঠিক করা।
- প্রযুক্তি ও আর্কিটেকচার বেছে নেওয়া। এজেন্ট তুলনা তৈরি করে দেয়।
- কোড মার্জ করা ও লাইভে যাওয়ার সিদ্ধান্ত।
- আসল ফোন ও ট্যাবলেটে টেস্ট করা। এজেন্ট তাদের স্ক্রিনের প্রস্থে টেস্ট করে।
- লাইভ পাসওয়ার্ড ও কি।
তিন ধাপে নিয়োগ দিন
- 01
ভূমিকা লিখুন
একটি এজেন্ট তৈরি করে নাম দিন এবং নতুন ডেভেলপারকে যেভাবে বোঝাতেন সেভাবে কাজটি বর্ণনা করুন: সাইটের উদ্দেশ্য, কোডের বিন্যাস, রিভিউ ও রিলিজের পদ্ধতি এবং কোন কিছু কখনো নষ্ট হওয়া চলবে না। চাকরির বিবরণ থাকলে সেটিও পেস্ট করুন।
- 02
অ্যাক্সেস দিন
একবার MonstarX অনুমোদন করুন এবং GitHub ও Figma ব্যবহার করলে নিজের অ্যাকাউন্ট দিয়ে সংযুক্ত করুন। এই এজেন্টকে সেগুলো ব্যবহারের অনুমতি দিন। এজেন্ট প্রথমে রিপোজিটরি ও ডিজাইন ফাইল পড়ে এবং সাইটটি কীভাবে তৈরি তা দেখে।
- 03
প্রথম রুটিন ঠিক করুন
আগামীকাল 10:00-এর মধ্যে একটি পেজ বা একটি বাগ ঠিক করতে বলুন, সঙ্গে প্রিভিউ ও টেস্টের ফলাফল চান। সহকর্মীর কাজের মতো রিভিউ করুন, তারপর সাপ্তাহিক রিভিউ ও রিলিজের রুটিন ঠিক করুন।
শুরুতে যেসব কাজ দিতে পারেন
- Figma ফাইল থেকে Ridge-এর জন্য ওয়েটলিস্ট ফর্মসহ একটি লঞ্চ পেজ তৈরি করো। ফোনের প্রস্থে পরীক্ষা করো এবং প্রকাশের আগে আমাকে প্রিভিউ দেখাও।
- আমাদের সাইটের কন্টাক্ট ফর্ম ফোনে কাজ করছে না। সমস্যাটি আবার ঘটিয়ে দেখো, ব্রাঞ্চে ঠিক করো এবং আমাকে আগের ও পরের অবস্থা দেখাও।
- fieldwork-site রিপোজিটরির খোলা পুল রিকোয়েস্টগুলো রিভিউ করে মন্তব্যের খসড়া তৈরি করো। পোস্ট করার আগে আমার অনুমতি নাও।
- প্রতি মাসের প্রথম সোমবার নিরাপত্তা আপডেট আছে এমন প্যাকেজের তালিকা করো, ব্রাঞ্চে আপডেট প্রয়োগ করো এবং টেস্ট চালাও।
কাজ করে দেখুন
উদাহরণ ডেটা দিয়ে কাজের একটি রেকর্ডিং, দ্রুতগতিতে দেখানো হয়েছে। থামিয়ে দেখুন, যেকোনো অংশে যান, বা নিজেই মাউসের নিয়ন্ত্রণ নিন।
স্ক্রিনে যা আছে
MonstarX
একটি কাজ বেছে নিন। দেখুন কীভাবে শেষ হয়।
- কেন
- লঞ্চ পেজটি লাইভ করুন।
- কোথায়
- MonstarX · প্রজেক্ট ridge-launch
- কী আশা করতে পারেন
- এই ঠিকানায় পেজটি সবাই দেখতে পারবেন। যেকোনো সময় প্রকাশনা বন্ধ করতে পারবেন।
আপনার টিম। সবকিছুর সঙ্গে যুক্ত।
চূড়ায় পৌঁছেও গরম।
চূড়ায় ওঠার দীর্ঘ পথের জন্য তৈরি 500 ml বোতল।
কাল্পনিক তথ্য দিয়ে তৈরি নমুনা রিপ্লে, দ্রুতগতিতে দেখানো হচ্ছে। থামিয়ে দেখুন, ইচ্ছেমতো এগিয়ে-পিছিয়ে দেখুন, বা নিজেই মাউসের নিয়ন্ত্রণ নিন।
সাধারণ কিছু প্রশ্ন
ওয়েব ডেভেলপমেন্টের এআই এজেন্ট কী?
ওয়েব ডেভেলপমেন্টের এআই এজেন্ট এমন সফটওয়্যার, যা ওয়েব ডেভেলপারের কাজ করে: পেজ তৈরি, সার্ভিসের সঙ্গে যুক্ত করা, টেস্ট, বাগ ঠিক করা ও ডকুমেন্টেশন লেখা। Monmo এজেন্ট একই সাবস্ক্রিপশনে থাকা অ্যাপ বিল্ডার MonstarX এবং নিজের কম্পিউটারের ডেভেলপার টুল দিয়ে এসব করে। কিছু প্রকাশের আগে অনুমতি চায়।
এআই এজেন্ট কি ওয়েব ডেভেলপারের জায়গা নিতে পারে?
এআই এজেন্ট ডিজাইন থেকে পেজ তৈরি, টেস্ট, বাগ ঠিক করা, আপডেট ও ডকুমেন্টেশনের কাজ নিতে পারে। কিন্তু ক্লায়েন্টের সঙ্গে কাজের পরিধি ঠিক করা, আর্কিটেকচার বেছে নেওয়া বা লাইভে যা যায় তার দায়িত্ব নেওয়া তার কাজ নয়। একজন মানুষ তার কাজ রিভিউ করেন ও প্রতিটি রিলিজ অনুমোদন করেন। টিমগুলো এটি ব্যবহার করে যাতে ডেভেলপাররা জমে থাকা ছোট কাজের বদলে কঠিন সমস্যায় সময় দিতে পারেন।
MonstarX কী, আর এটি কি আমার দরকার?
MonstarX হলো Monmo-এর সঙ্গে থাকা অ্যাপ বিল্ডার; একটি সাবস্ক্রিপশনেই দুটো পাওয়া যায়। এজেন্ট আপনার সংক্ষিপ্ত নির্দেশনা থেকে সেখানে সাইট বা অ্যাপ তৈরি করে প্রিভিউ লিংক দিতে পারে এবং প্রজেক্ট আপনার MonstarX অ্যাকাউন্টে থাকে। প্রতিটি প্রোডাক্টের নিজস্ব ব্যবহারের সীমা আছে। বিদ্যমান কোডবেসের জন্য এজেন্ট নিজের কম্পিউটারে Git দিয়ে কাজ করে।
এটি কি আমাদের বিদ্যমান ওয়েবসাইট ও কোডে কাজ করতে পারে?
হ্যাঁ, কোডে অ্যাক্সেস পেলে পারে। সাইটটি GitHub রিপোজিটরিতে থাকলে এজেন্ট সেটি নিজের কম্পিউটারে কপি করে, ব্রাঞ্চে পরিবর্তন আনে, সাইট চালিয়ে পরীক্ষা করে এবং পুল রিকোয়েস্ট প্রস্তুত করে। কোড পুশের আগে অনুমতি চায়; মার্জ ও ডিপ্লয় আপনার প্রচলিত প্রক্রিয়া অনুযায়ী হয়।
এটি কি অনুমতি ছাড়া প্রকাশ বা ডিপ্লয় করে?
না। প্রকাশের জন্য সবসময় আলাদা কার্ড থাকে, যেখানে সর্বজনীন হতে যাওয়া ঠিকানাটি লেখা থাকে। MonstarX প্রজেক্ট শুরু বা পরিবর্তন, GitHub-এ কোড পুশ এবং লাইভ সাইট আপডেটের আগেও অনুমতি চায়। কোড পড়া, নিজের কম্পিউটারে কোড লেখা, টেস্ট চালানো ও স্ক্রিনশট নিতে অনুমোদন লাগে না, কারণ এতে ওই কম্পিউটারের বাইরে কিছু বদলায় না।
এটি কীভাবে সাইট টেস্ট করে?
এজেন্ট নিজের ব্রাউজারে ফোন, ট্যাবলেট ও ডেস্কটপের প্রস্থে প্রতিটি পেজ খোলে, সব লিংকে ক্লিক করে, টেস্ট ডেটা দিয়ে ফর্ম জমা দেয় এবং প্রজেক্টের স্বয়ংক্রিয় টেস্ট চালায়। এটি ফোনের স্ক্রিন সাইজে পরীক্ষা করে, আসল ফোনে নয়। তাই রিলিজ অনুমোদনের আগে শেষবার যাচাই করতে নিজের ডিভাইসে প্রিভিউ খুলে দেখুন।
আপনার পরের সহকর্মীআজই শুরু করতে পারে।
এক মিনিটে আপনার প্রথম এআই এজেন্ট তৈরি করুন। শুরু করতে কোনো খরচ নেই।