1. ভূমিকা
এই কোডল্যাবে, আপনি গুগল অ্যান্টিগ্র্যাভিটি (ডকুমেন্টের বাকি অংশের জন্য অ্যান্টিগ্র্যাভিটি হিসাবে উল্লেখ করা হয়েছে) সম্পর্কে শিখবেন, এটি একটি এজেন্টিক ডেভেলপমেন্ট প্ল্যাটফর্ম, যা IDE কে এজেন্ট-প্রথম যুগে রূপান্তরিত করে।
স্ট্যান্ডার্ড কোডিং অ্যাসিস্ট্যান্টের বিপরীতে যা কেবল লাইনগুলি স্বয়ংক্রিয়ভাবে সম্পন্ন করে, অ্যান্টিগ্র্যাভিটি স্বায়ত্তশাসিত এজেন্টগুলি পরিচালনা করার জন্য একটি "মিশন কন্ট্রোল" প্রদান করে যা আপনাকে তৈরি করতে সহায়তা করার জন্য পরিকল্পনা, কোড এবং এমনকি ওয়েব ব্রাউজ করতে পারে।
অ্যান্টিগ্র্যাভিটি একটি "এজেন্ট-ফার্স্ট" প্ল্যাটফর্ম হিসেবে ডিজাইন করা হয়েছে। এটি অনুমান করে যে এআই কেবল কোড লেখার একটি হাতিয়ার নয় বরং একটি স্বায়ত্তশাসিত অভিনেতা যা ন্যূনতম মানব হস্তক্ষেপের মাধ্যমে জটিল ইঞ্জিনিয়ারিং কাজগুলির পরিকল্পনা, সম্পাদন, যাচাই এবং পুনরাবৃত্তি করতে সক্ষম।
তুমি কি শিখবে
- অ্যান্টিগ্র্যাভিটি ইনস্টল এবং কনফিগার করা
- এজেন্ট ম্যানেজার, এডিটর, ব্রাউজার এবং আরও অনেক কিছুর মতো অ্যান্টিগ্র্যাভিটির মূল ধারণাগুলি অন্বেষণ করা
- অ্যান্টিগ্র্যাভিটির কিছু ব্যবহারের উদাহরণ অন্বেষণ করা হচ্ছে
তোমার যা লাগবে
বর্তমানে অ্যান্টিগ্রাভিটি ব্যক্তিগত জিমেইল অ্যাকাউন্টের জন্য প্রিভিউ হিসেবে উপলব্ধ। এটি প্রিমিয়ার মডেল ব্যবহারের জন্য বিনামূল্যে কোটার সাথে আসে।
আপনার সিস্টেমে অ্যান্টিগ্র্যাভিটি স্থানীয়ভাবে ইনস্টল করা প্রয়োজন। পণ্যটি ম্যাক, উইন্ডোজ এবং নির্দিষ্ট লিনাক্স ডিস্ট্রিবিউশনে উপলব্ধ। আপনার নিজস্ব মেশিন ছাড়াও, আপনার নিম্নলিখিতগুলির প্রয়োজন হবে:
- ক্রোম ওয়েব ব্রাউজার
- একটি জিমেইল অ্যাকাউন্ট (ব্যক্তিগত জিমেইল অ্যাকাউন্ট)।
এই কোডল্যাবটি সকল স্তরের ব্যবহারকারী এবং ডেভেলপারদের জন্য ডিজাইন করা হয়েছে (নতুনদের সহ)।
2. ইনস্টলেশন
আমরা অ্যান্টিগ্রাভিটি ইনস্টল করে শুরু করব। বর্তমানে পণ্যটি প্রিভিউয়ের জন্য উপলব্ধ এবং আপনি এটি শুরু করতে আপনার ব্যক্তিগত জিমেইল অ্যাকাউন্ট ব্যবহার করতে পারেন।
ডাউনলোড পৃষ্ঠায় যান এবং আপনার ক্ষেত্রে প্রযোজ্য উপযুক্ত অপারেটিং সিস্টেম সংস্করণে ক্লিক করুন। অ্যাপ্লিকেশন ইনস্টলারটি চালু করুন এবং আপনার মেশিনে এটি ইনস্টল করুন। ইনস্টলেশন সম্পন্ন হওয়ার পরে, অ্যান্টিগ্রাভিটি অ্যাপ্লিকেশনটি চালু করুন। আপনি নীচের মতো একটি স্ক্রিন দেখতে পাবেন:
প্রতিবার "পরবর্তী" বোতামে ক্লিক করে এগিয়ে যান। মূল ধাপগুলি নীচে বিস্তারিতভাবে বর্ণনা করা হয়েছে:
-
Choose setup flow:এটি আপনার বিদ্যমান VS কোড বা কার্সার সেটিংস থেকে আমদানি করার বিকল্পটি নিয়ে আসে। আমরা নতুন করে শুরু করব। -
Choose an Editor theme type.আমরা ডার্ক থিমটি বেছে নেব, তবে এটি সম্পূর্ণ আপনার উপর নির্ভর করে, আপনার পছন্দের উপর নির্ভর করে। -
How do you want to use Antigravity agent:
আসুন এটি আরও বিশদে বুঝতে পারি এবং মনে রাখবেন যে এটি পাথরে লেখা নয় এবং যেকোনো সময় পরিবর্তন করা যেতে পারে, এমনকি আপনি এজেন্টের সাথে যোগাযোগ করলেও।
বিকল্পগুলি গভীরভাবে আলোচনা করার আগে, আসুন এখানে দুটি নির্দিষ্ট বৈশিষ্ট্য দেখি (যা আপনি ডায়ালগের ডানদিকে দেখতে পাচ্ছেন):
টার্মিনাল এক্সিকিউশন নীতি
এটি এজেন্টকে আপনার টার্মিনালে কমান্ড (অ্যাপ্লিকেশন/টুল) কার্যকর করার ক্ষমতা দেওয়ার বিষয়ে। এখানে তিনটি বিকল্প রয়েছে।
-
Off: কখনই টার্মিনাল কমান্ডগুলি স্বয়ংক্রিয়ভাবে কার্যকর করবেন না (কনফিগারযোগ্য অনুমতি তালিকার ব্যতীত) -
Auto: এজেন্ট কোনও নির্দিষ্ট টার্মিনাল কমান্ড স্বয়ংক্রিয়ভাবে কার্যকর করার সিদ্ধান্ত নেয়। যদি আপনার অনুমতির প্রয়োজন হয়, তবে এটি সিদ্ধান্ত নেবে এবং আপনার কাছে এটি চাইবে। -
Turbo: সর্বদা টার্মিনাল কমান্ডগুলি স্বয়ংক্রিয়ভাবে কার্যকর করুন (কনফিগারযোগ্য Deny তালিকার কমান্ডগুলি ছাড়া)
নীতি পর্যালোচনা করুন
এজেন্ট যখন তার কাজ সম্পন্ন করে, তখন সে বিভিন্ন শিল্পকর্ম তৈরি করে (কার্য পরিকল্পনা, বাস্তবায়ন পরিকল্পনা, ইত্যাদি)। পর্যালোচনা নীতি এমনভাবে সেট করা হয়েছে যাতে আপনি নির্ধারণ করতে পারেন যে কে সিদ্ধান্ত নেবে যে এটি পর্যালোচনা করা দরকার কিনা। আপনি কি সর্বদা এটি পর্যালোচনা করতে চান, নাকি এজেন্টকে এটি সিদ্ধান্ত নিতে দিন। সেই অনুযায়ী, এখানেও তিনটি বিকল্প রয়েছে।
-
Always Proceed: এজেন্ট কখনও পর্যালোচনার জন্য অনুরোধ করে না। -
Agent Decides: কখন পর্যালোচনার জন্য অনুরোধ করবেন তা এজেন্ট সিদ্ধান্ত নেবেন। -
Request Review: এজেন্ট সর্বদা পর্যালোচনার অনুরোধ করে।
এখন যেহেতু আমরা এটি বুঝতে পেরেছি, এই ৪টি বিকল্প হল টার্মিনাল এক্সিকিউশন এবং পর্যালোচনা নীতিগুলির জন্য নির্দিষ্ট প্রিসেট ছাড়া আর কিছুই নয়, এর মধ্যে ৩টির জন্য এবং একটি চতুর্থ বিকল্প উপলব্ধ যেখানে আমরা এটি সম্পূর্ণরূপে কাস্টম নিয়ন্ত্রণ করতে পারি। এই ৪টি বিকল্প উপলব্ধ যাতে আমরা টার্মিনালে কমান্ড কার্যকর করার জন্য এজেন্টকে কতটা স্বায়ত্তশাসন দিতে চান তা বেছে নিতে পারি এবং কাজটি এগিয়ে যাওয়ার আগে আর্টিফ্যাক্টগুলি পর্যালোচনা করতে পারি।
এই ৪টি বিকল্প হল:
- এজেন্ট-চালিত উন্নয়ন
- এজেন্ট-সহায়তায় উন্নয়ন
- পর্যালোচনা-ভিত্তিক উন্নয়ন
- কাস্টম কনফিগারেশন
এজেন্ট-সহায়তাপ্রাপ্ত উন্নয়ন বিকল্পটি একটি ভালো ভারসাম্য এবং প্রস্তাবিত বিকল্প কারণ এটি এজেন্টকে সিদ্ধান্ত নিতে এবং অনুমোদনের জন্য ব্যবহারকারীর কাছে ফিরে আসতে দেয়।
তাই আপনার পছন্দটি বেছে নিন এবং আদর্শভাবে আপাতত, আসুন প্রস্তাবিত পদ্ধতিটি অনুসরণ করি।
-
Configure your Editor: আপনার পছন্দগুলি বেছে নিন। -
Sign in to Google: যেমনটি আগেই উল্লেখ করা হয়েছে, অ্যান্টিগ্রাভিটি প্রিভিউ মোডে পাওয়া যায় এবং যদি আপনার ব্যক্তিগত জিমেইল অ্যাকাউন্ট থাকে তবে বিনামূল্যে। তাই এখনই আপনার অ্যাকাউন্ট দিয়ে সাইন ইন করুন। নিশ্চিত করুন যে আপনি এর জন্য একটি নতুন ক্রোম প্রোফাইল তৈরি করতে দিয়েছেন। এটি ব্রাউজারটি খুলবে যা আপনাকে সাইন ইন করার অনুমতি দেবে। সফল প্রমাণীকরণের পরে, আপনি নীচের বার্তার মতো একটি বার্তা দেখতে পাবেন এবং এটি আপনাকে অ্যান্টিগ্রাভিটি অ্যাপ্লিকেশনে ফিরিয়ে নিয়ে যাবে। প্রবাহের সাথে এগিয়ে যান। -
Terms of Use: আপনি নির্বাচন করতে চান কিনা তা সিদ্ধান্ত নিতে পারেন এবং তারপর পরবর্তী ক্লিক করুন।
এটি আপনাকে সত্যের মুহূর্তে নিয়ে যাবে, যেখানে অ্যান্টিগ্র্যাভিটি আপনার সাথে সহযোগিতা করার জন্য অপেক্ষা করবে। আমরা শুরু করতে প্রস্তুত।
৩. এজেন্ট ম্যানেজার
অ্যান্টিগ্র্যাভিটি ওপেন-সোর্স ভিজ্যুয়াল স্টুডিও কোড (ভিএস কোড) ফাউন্ডেশনকে শক্তিশালী করে কিন্তু টেক্সট এডিটিং-এর চেয়ে এজেন্ট ম্যানেজমেন্টকে অগ্রাধিকার দেওয়ার জন্য ব্যবহারকারীর অভিজ্ঞতাকে আমূল পরিবর্তন করে। ইন্টারফেসটি দুটি স্বতন্ত্র প্রাথমিক উইন্ডোতে বিভক্ত: সম্পাদক এবং এজেন্ট ম্যানেজার । উদ্বেগের এই বিভাজন ব্যক্তিগত অবদান এবং ইঞ্জিনিয়ারিং ম্যানেজমেন্টের মধ্যে পার্থক্য প্রতিফলিত করে।
এজেন্ট ম্যানেজার: মিশন কন্ট্রোল
অ্যান্টিগ্র্যাভিটি চালু করার সময়, ব্যবহারকারীকে সাধারণত ফাইল ট্রি দ্বারা নয়, বরং এজেন্ট ম্যানেজার দ্বারা স্বাগত জানানো হয়, যেমনটি নীচে দেখানো হয়েছে:
এই ইন্টারফেসটি একটি Mission Control ড্যাশবোর্ড হিসেবে কাজ করে। এটি উচ্চ-স্তরের অর্কেস্ট্রেশনের জন্য ডিজাইন করা হয়েছে, যা ডেভেলপারদের বিভিন্ন কর্মক্ষেত্র বা কার্যগুলিতে অ্যাসিঙ্ক্রোনাসভাবে পরিচালিত একাধিক এজেন্ট তৈরি, পর্যবেক্ষণ এবং তাদের সাথে ইন্টারঅ্যাক্ট করার অনুমতি দেয়।
এই দৃষ্টিকোণ থেকে, ডেভেলপার একজন স্থপতি হিসেবে কাজ করেন। তারা উচ্চ-স্তরের উদ্দেশ্য নির্ধারণ করে, উদাহরণ হতে পারে:
- প্রমাণীকরণ মডিউলটি পুনঃনির্ধারণ করুন
- নির্ভরতা ট্রি আপডেট করুন
- বিলিং API-এর জন্য একটি পরীক্ষামূলক স্যুট তৈরি করুন
উপরের চিত্রটি যেমন ইঙ্গিত করে, এই প্রতিটি অনুরোধ একটি ডেডিকেটেড এজেন্ট ইনস্ট্যান্স তৈরি করে। UI এই সমান্তরাল কাজের স্ট্রিমগুলির একটি ভিজ্যুয়ালাইজেশন প্রদান করে, প্রতিটি এজেন্টের অবস্থা, তাদের তৈরি করা শিল্পকর্ম (পরিকল্পনা, ফলাফল, পার্থক্য) এবং মানুষের অনুমোদনের জন্য যে কোনও মুলতুবি অনুরোধ প্রদর্শন করে।
এই স্থাপত্যটি পূর্ববর্তী IDE গুলির একটি মূল সীমাবদ্ধতা দূর করে, যেগুলিতে চ্যাটবটের অভিজ্ঞতা বেশি ছিল, যা রৈখিক এবং সমলয় ছিল। একটি ঐতিহ্যবাহী চ্যাট ইন্টারফেসে, পরবর্তী প্রশ্ন জিজ্ঞাসা করার আগে ডেভেলপারকে AI কোড তৈরি করা শেষ না হওয়া পর্যন্ত অপেক্ষা করতে হয়। অ্যান্টিগ্র্যাভিটির ম্যানেজার ভিউতে, একজন ডেভেলপার একই সাথে পাঁচটি ভিন্ন বাগের উপর কাজ করার জন্য পাঁচটি ভিন্ন এজেন্ট প্রেরণ করতে পারে, কার্যকরভাবে তাদের থ্রুপুটকে গুণ করতে পারে।
উপরে "পরবর্তী" -এ ক্লিক করলে, আপনার কাছে একটি ওয়ার্কস্পেস খোলার বিকল্প থাকবে।
VS Code থেকে আপনি যেমন জানতেন, Workspace-এর কথা ভাবুন, তাহলেই আপনার কাজ শেষ। তাহলে আমরা বোতামে ক্লিক করে এবং তারপর শুরু করার জন্য একটি ফোল্ডার নির্বাচন করে একটি স্থানীয় ফোল্ডার খুলতে পারি। আমার ক্ষেত্রে, আমার হোম ফোল্ডারে my-agy-projects নামে একটি ফোল্ডার ছিল এবং আমি সেটি নির্বাচন করেছি। আপনি সম্পূর্ণ ভিন্ন একটি ফোল্ডার ব্যবহার করতে পারেন।
মনে রাখবেন, আপনি চাইলে এই ধাপটি সম্পূর্ণভাবে এড়িয়ে যেতে পারেন এবং পরে যেকোনো সময় একটি ওয়ার্কস্পেসও খুলতে পারেন।
এই ধাপটি সম্পন্ন করার পর, আপনি এজেন্ট ম্যানেজার উইন্ডোতে উপস্থিত হবেন, যা নীচে দেখানো হয়েছে:
আপনি লক্ষ্য করবেন যে অ্যাপ্লিকেশনটি অবিলম্বে নির্বাচিত ওয়ার্কস্পেস ফোল্ডারে ( my-agy-projects ) একটি নতুন কথোপকথন শুরু করার জন্য প্রস্তুত। শুধু লক্ষ্য করুন যে আপনি অন্যান্য AI অ্যাপ্লিকেশন (Cursor, Gemini CLI) এর সাথে কাজ করার আপনার বিদ্যমান জ্ঞান ব্যবহার করতে পারেন এবং প্রম্পট করার সময় অতিরিক্ত প্রসঙ্গ অন্তর্ভুক্ত করার জন্য @ এবং অন্যান্য উপায় ব্যবহার করতে পারেন।
Planning এবং Model Selection ড্রপডাউন উভয়ই দেখুন। মডেল নির্বাচন ড্রপডাউন আপনাকে আপনার এজেন্টের ব্যবহারের জন্য বর্তমানে উপলব্ধ মডেলগুলির মধ্যে একটি বেছে নিতে দেয়। তালিকাটি নীচে দেখানো হয়েছে:
একইভাবে, আমরা দেখতে পাচ্ছি যে এজেন্টটি একটি ডিফল্ট Planning মোডে থাকবে। তবে আমরা Fast মোডের জন্যও যেতে পারি।
আসুন দেখি ডকুমেন্টেশন এ বিষয়ে কী বলে:
-
Planning: একজন এজেন্ট কাজ সম্পাদনের আগে পরিকল্পনা করতে পারেন। গভীর গবেষণা, জটিল কাজ, অথবা সহযোগিতামূলক কাজের জন্য ব্যবহার করুন। এই মোডে, এজেন্ট তার কাজকে টাস্ক গ্রুপে সংগঠিত করে, শিল্পকর্ম তৈরি করে এবং সর্বোত্তম মানের জন্য পুঙ্খানুপুঙ্খভাবে গবেষণা, চিন্তাভাবনা এবং পরিকল্পনা করার জন্য অন্যান্য পদক্ষেপ নেয়। আপনি এখানে আরও অনেক আউটপুট দেখতে পাবেন। -
Fast: একজন এজেন্ট সরাসরি কাজ সম্পাদন করবে। দ্রুত সম্পন্ন করা যায় এমন সহজ কাজগুলির জন্য ব্যবহার করুন, যেমন ভেরিয়েবলের নাম পরিবর্তন করা, কয়েকটি ব্যাশ কমান্ড চালু করা, অথবা অন্যান্য ছোট, স্থানীয়করণ করা কাজ। যখন গতি একটি গুরুত্বপূর্ণ বিষয়, এবং কাজটি যথেষ্ট সহজ যে খারাপ মানের আশঙ্কা কম থাকে, তখন এটি সহায়ক।
যদি আপনি এজেন্টস-এ "থিঙ্কিং বাজেট" এবং অনুরূপ শব্দগুলির সাথে পরিচিত হন, তাহলে এটিকে এজেন্টের চিন্তাভাবনা নিয়ন্ত্রণ করার ক্ষমতা হিসাবে ভাবুন, যার ফলে চিন্তাভাবনা বাজেটের উপর সরাসরি প্রভাব পড়বে। আমরা আপাতত ডিফল্টগুলি নিয়েই যাব তবে মনে রাখবেন যে লঞ্চের সময়, জেমিনি 3 প্রো মডেলের উপলব্ধতা সকলের জন্য সীমিত কোটা অনুসারে ছিল, তাই জেমিনি 3 ব্যবহারের জন্য আপনি সেই বিনামূল্যের কোটা শেষ করে ফেলেছেন কিনা তা নির্দেশ করে উপযুক্ত বার্তা আশা করুন।
আসুন এখন এখানে এজেন্ট ম্যানেজার (উইন্ডো) নিয়ে কিছুটা সময় ব্যয় করি এবং কয়েকটি বিষয় বুঝতে পারি, যাতে মৌলিক বিল্ডিং ব্লকগুলি সম্পর্কে স্পষ্টভাবে জানা যায়, অ্যান্টিগ্র্যাভিটিতে আপনি কীভাবে নেভিগেট করেন এবং আরও অনেক কিছু। এজেন্ট ম্যানেজার উইন্ডোটি নীচে তৈরি করা হয়েছে:
অনুগ্রহ করে উপরের চিত্রটি সংখ্যা সহ দেখুন:
-
Inbox: এটিকে আপনার সমস্ত কথোপকথন এক জায়গায় ট্র্যাক করার একটি উপায় হিসেবে ভাবুন। আপনি যখন এজেন্টদের তাদের কাজ সম্পর্কে জানাবেন, তখন এগুলি ইনবক্সে উপস্থিত হবে এবং আপনি ইনবক্সে ক্লিক করে সমস্ত বর্তমান কথোপকথনের তালিকা পেতে পারেন। যেকোনো কথোপকথনে ট্যাপ করলে আপনি আদান-প্রদান করা সমস্ত বার্তা, কাজের অবস্থা, এজেন্ট কী তৈরি করেছে বা আপনার পক্ষ থেকে কাজের অনুমোদনের জন্য অপেক্ষা করছে কিনা তা দেখতে পাবেন। এটি আপনার পূর্ববর্তী কোনও কাজ সম্পর্কে পরে ফিরে আসার একটি দুর্দান্ত উপায়। এটি একটি খুব সুবিধাজনক বৈশিষ্ট্য। -
Start Conversation: একটি নতুন কথোপকথন শুরু করতে এটিতে ক্লিক করুন। এটি আপনাকে সরাসরি ইনপুটটিতে নিয়ে যাবে যেখানে লেখা আছেAsk anything। -
Workspaces: আমরা ওয়ার্কস্পেস সম্পর্কে উল্লেখ করেছি এবং আপনি আপনার পছন্দের যেকোনো ওয়ার্কস্পেসে কাজ করতে পারেন। আপনি যেকোনো সময় আরও ওয়ার্কস্পেস যোগ করতে পারেন এবং কথোপকথন শুরু করার সময় যেকোনো ওয়ার্কস্পেস নির্বাচন করতে পারেন। -
Playground: এটি একটি দুর্দান্ত উপায় যার মাধ্যমে আপনি এজেন্টের সাথে কথোপকথন শুরু করতে পারেন এবং তারপর যদি আপনি এটিকে একটি কর্মক্ষেত্রে রূপান্তর করতে চান, যেখানে ফাইল ইত্যাদির উপর আপনার কঠোর নিয়ন্ত্রণ থাকবে। এটিকে একটি স্ক্র্যাচ এরিয়া হিসাবে ভাবুন। -
Editor View: এখন পর্যন্ত আমরা এজেন্ট ম্যানেজার ভিউতে আছি। আপনি চাইলে যেকোনো সময় এডিটর ভিউতে স্যুইচ করতে পারেন। এটি আপনাকে আপনার ওয়ার্কস্পেস ফোল্ডার এবং তৈরি করা যেকোনো ফাইল দেখাবে। আপনি সরাসরি সেখানে ফাইলগুলি সম্পাদনা করতে পারেন, অথবা এডিটরে ইনলাইন নির্দেশিকা, কমান্ডও প্রদান করতে পারেন, যাতে এজেন্ট আপনার পরিবর্তিত সুপারিশ/নির্দেশনা অনুসারে কিছু করতে বা পরিবর্তন করতে পারে। আমরা পরবর্তী বিভাগে এডিটর ভিউ সম্পর্কে বিস্তারিত আলোচনা করব। -
Browser: অবশেষে, আমরা অ্যান্টিগ্রাভিটিকে অত্যন্ত শক্তিশালী করে তোলে এমন একটি স্পষ্ট পার্থক্যের দিকে আসি এবং তা হল ক্রোম ব্রাউজারের সাথে এর ঘনিষ্ঠ সংহতকরণ। পরবর্তী বিভাগে ব্রাউজার সেট আপ করা শুরু করা যাক।
৪. অ্যান্টিগ্র্যাভিটি ব্রাউজার সেট আপ করা
ডকুমেন্টেশন অনুসারে, যখন এজেন্ট ব্রাউজারের সাথে ইন্টারঅ্যাক্ট করতে চায়, তখন এটি কাজটি পরিচালনা করার জন্য একটি ব্রাউজার সাবএজেন্টকে আহ্বান করে। ব্রাউজার সাবএজেন্ট অ্যান্টিগ্র্যাভিটি-পরিচালিত ব্রাউজারের মধ্যে খোলা পৃষ্ঠাগুলিতে কাজ করার জন্য একটি বিশেষ মডেল চালায়, যা আপনি প্রধান এজেন্টের জন্য যে মডেলটি বেছে নিয়েছেন তার থেকে আলাদা।
এই সাবএজেন্টের ব্রাউজার নিয়ন্ত্রণের জন্য প্রয়োজনীয় বিভিন্ন সরঞ্জামের অ্যাক্সেস রয়েছে, যার মধ্যে রয়েছে ক্লিক করা, স্ক্রোলিং করা, টাইপ করা, কনসোল লগ পড়া এবং আরও অনেক কিছু। এটি DOM ক্যাপচার, স্ক্রিনশট বা মার্কডাউন পার্সিংয়ের মাধ্যমে আপনার খোলা পৃষ্ঠাগুলি পড়তে পারে, পাশাপাশি ভিডিও তোলাও করতে পারে।
এর মানে হল আমাদের অ্যান্টিগ্রাভিটি ব্রাউজার এক্সটেনশনটি চালু এবং ইনস্টল করতে হবে। আসুন প্লেগ্রাউন্ডে একটি কথোপকথন শুরু করে এবং ধাপগুলি অনুসরণ করে এটি করি।
Playground নির্বাচন করুন এবং নিম্নলিখিত টাস্কটি দিন go to antigravity.google এবং এজেন্টের কাছে যান।
টাস্কটি জমা দিন । আপনি এজেন্টকে টাস্কটি বিশ্লেষণ করতে দেখবেন এবং আপনি চিন্তাভাবনা প্রক্রিয়াটি পরীক্ষা করতে পারবেন। এক পর্যায়ে, এটি সঠিকভাবে এগিয়ে যাবে এবং উল্লেখ করবে যে নীচে দেখানো হিসাবে ব্রাউজার এজেন্ট সেট আপ করতে হবে। Setup এ ক্লিক করুন।
এটি ব্রাউজারটি আনবে এবং নীচে দেখানো এক্সটেনশনটি ইনস্টল করার জন্য একটি বার্তা প্রদর্শন করবে:
এগিয়ে যান এবং আপনাকে Chrome এক্সটেনশনে নিয়ে যাওয়া হবে যা আপনি ইনস্টল করতে পারবেন।
এক্সটেনশনটি সফলভাবে ইনস্টল করার পর, অ্যান্টিগ্রাভিটি এজেন্ট কাজ শুরু করবে এবং নির্দেশ করবে যে এটি আপনার কাছ থেকে এটির কাজটি করার অনুমতি আশা করছে। খোলা ব্রাউজার উইন্ডোতে আপনি কিছু কার্যকলাপ দেখতে পাবেন:
এজেন্ট ম্যানেজার ভিউটি আবার স্যুইচ করুন এবং আপনি নিম্নলিখিতটি দেখতে পাবেন:
আমরা ঠিক এটাই আশা করেছিলাম যেহেতু আমরা এজেন্টকে antigravity.google ওয়েবসাইটটি দেখার জন্য বলেছিলাম। অনুমতি দিন এবং আপনি দেখতে পাবেন যে ওয়েবসাইটটি নিরাপদে নেভিগেট করা হয়েছে, যেমনটি নীচে দেখানো হয়েছে:
শিল্পকর্ম পরিদর্শন করা
এবার আসি আকর্ষণীয় অংশে। এজেন্ট তার কাজ শেষ করার পর, আপনি তার সম্পূর্ণ কাজ দেখতে পাবেন। এবং এর ফলে আপনি এমন কিছু জিনিসপত্র পাবেন যার উপর ভিত্তি করে আপনি আপনার আস্থা তৈরি করতে পারবেন, আপনি কী কাজ করার পরিকল্পনা করেছেন, এখন পর্যন্ত কী করেছেন এবং কীভাবে আপনি তা যাচাই করেছেন।
আর্টিফ্যাক্টগুলি "বিশ্বাসের ঘাটতি" সমাধান করে। যখন কোনও এজেন্ট দাবি করে, "আমি বাগটি ঠিক করেছি", তখন ডেভেলপারকে যাচাই করার জন্য কোডটি পড়তে হত। অ্যান্টিগ্র্যাভিটিতে, এজেন্ট এটি প্রমাণ করার জন্য একটি আর্টিফ্যাক্ট তৈরি করে।
অ্যান্টিগ্র্যাভিটি কাজের উপর নির্ভর করে মূল শিল্পকর্ম তৈরির উপর জোর দেয়। এটি টাস্ক প্ল্যান থেকে শুরু করে বাস্তবায়ন পরিকল্পনা এবং অবশেষে ওয়াকথ্রু প্ল্যান (যাচাই সহ) পর্যন্ত হতে পারে। এই পরিকল্পনাগুলির মধ্যে, আপনার নিম্নলিখিত বিষয়গুলি বিবেচনা করা উচিত:
-
Task Lists & Plans: কোড লেখার আগে, এজেন্ট একটি কাঠামোগত পরিকল্পনা তৈরি করে। ব্যবহারকারী এই পরিকল্পনাটি পর্যালোচনা করতে, সম্পাদনা করতে এবং অনুমোদন করতে পারেন। -
Code Diffs: স্ট্যান্ডার্ডাইজড ডিফ ভিউ যা ঠিক কোন লাইনগুলি পরিবর্তন হবে তা দেখায়। -
Screenshots: এজেন্ট পরিবর্তনের আগে এবং পরে UI এর অবস্থা ক্যাপচার করে। -
Browser Recordings: গতিশীল ইন্টারঅ্যাকশনের জন্য (যেমন, "লগইন বোতামে ক্লিক করুন, স্পিনারের জন্য অপেক্ষা করুন, ড্যাশবোর্ড লোড যাচাই করুন"), এজেন্ট তার সেশনের একটি ভিডিও রেকর্ড করে। ডেভেলপার অ্যাপটি নিজে না চালিয়েই কার্যকরী প্রয়োজনীয়তা পূরণ হয়েছে কিনা তা যাচাই করতে এই ভিডিওটি দেখতে পারেন। -
Test Results: এজেন্ট কর্তৃক তৈরি এবং সম্পাদিত উত্তীর্ণ/ব্যর্থ পরীক্ষার কাঠামোগত লগ।
উপরে ডানদিকে, এজেন্ট ম্যানেজার ভিউতে পরিবর্তনগুলি পর্যালোচনা করুন এর পাশে, আপনি আর্টিফ্যাক্টগুলি টগল করার জন্য একটি বোতাম দেখতে পাবেন অথবা এটি টগল করা থাকলে, আপনি জেনারেট করা আর্টিফ্যাক্টগুলির তালিকা দেখতে পাবেন:
নীচে দেখানো আর্টিফ্যাক্টস ভিউটি আপনার দেখা উচিত। আমাদের ক্ষেত্রে, আমরা এজেন্টকে antigravity.google পৃষ্ঠাটি দেখার নির্দেশ দিয়েছিলাম এবং তাই তারা স্ক্রিনশটটি ধারণ করেছে, একই জিনিসের একটি ভিডিও তৈরি করেছে, ইত্যাদি।
ডেভেলপাররা "গুগল ডক্স-স্টাইল মন্তব্য" ব্যবহার করে এই আর্টিফ্যাক্টগুলির সাথে ইন্টারঅ্যাক্ট করতে পারেন। আপনি একটি নির্দিষ্ট ক্রিয়া বা কাজ নির্বাচন করতে পারেন, আপনার পছন্দ মতো একটি কমান্ড প্রদান করতে পারেন এবং তারপর এজেন্টের কাছে জমা দিতে পারেন। এজেন্ট তারপর এই প্রতিক্রিয়াটি গ্রহণ করবে এবং সেই অনুযায়ী পুনরাবৃত্তি করবে। ইন্টারেক্টিভ গুগল ডক্স ব্যবহার করার কথা ভাবুন, যেখানে আপনি লেখককে প্রতিক্রিয়া প্রদান করবেন এবং লেখক তারপর সেই বিষয়ে পুনরাবৃত্তি করবেন।
৫. ইনবক্সটি আবার দেখুন
যদি আপনি এজেন্টদের সাথে কয়েকটি কথোপকথন শুরু করে থাকেন, তাহলে এখন এজেন্ট ম্যানেজার উইন্ডোতে আপনার ইনবক্সটি একবার দেখে নেওয়া উচিত। এটি আপনাকে সমস্ত কথোপকথন দেখাবে। কথোপকথনের ইতিহাস, তৈরি করা শিল্পকর্ম এবং আরও অনেক কিছু দেখতে যেকোনো কথোপকথনে ক্লিক করুন। আমাদের ক্ষেত্রে, প্রথম কথোপকথনটি চালানোর পরে, আমাদের ইনবক্স নীচে দেখানো হিসাবে তালিকাভুক্ত কথোপকথনটি দেখায়:
সেই কথোপকথনে ক্লিক করলে আপনাকে বিস্তারিত জানা যাবে:
তুমি এখান থেকেও কথোপকথন চালিয়ে যেতে পারো।
৬. সম্পাদক
এডিটর ভিএস কোডের পরিচিতি ধরে রাখে, যাতে অভিজ্ঞ ডেভেলপারদের পেশী স্মৃতির প্রতি সম্মান দেখানো হয়। এতে স্ট্যান্ডার্ড ফাইল এক্সপ্লোরার, সিনট্যাক্স হাইলাইটিং এবং এক্সটেনশন ইকোসিস্টেম অন্তর্ভুক্ত থাকে।
আপনি এজেন্ট ম্যানেজারের উপরের ডানদিকে " ওপেন এডিটর" বোতামে ক্লিক করে এডিটরে যেতে পারেন।
সম্পাদক "এজেন্ট সচেতনতা" দিয়ে পরিবর্ধিত।
-
Inline Command: সম্পাদকটি ভাইব কোডিং এবং ইনলাইন নির্দেশনা সমর্থন করে, যেখানে ব্যবহারকারীরা কোড হাইলাইট করতে পারেন এবং এজেন্টকে"Make this more efficient"অথবা"Add comments explaining this logic"নির্দেশ দিতে পারেন। -
Agent Side Panel: এজেন্টের সাথে সরাসরি কাজ করার জন্য এডিটরের ডান দিকের প্যানেলটি ব্যবহার করুন। আপনি এখান থেকে নতুন কথোপকথন শুরু করতে পারেন অথবা আপনার কোড পরিবর্তন করার জন্য নির্দেশনা দিতে পারেন।
ওয়েব ডেভেলপমেন্টের সাথে সম্পর্কিত কিছু ব্যবহারের ক্ষেত্রে আমরা যখন আলোচনা করব, যেখানে এজেন্ট একাধিক কোড ফাইল তৈরি করে, তখন আমরা এখান থেকে ফাইলগুলি দেখতে, পরিবর্তন করতে এবং এজেন্টের সাথে সরাসরি যোগাযোগ করতে সম্পাদকটি দেখতে পারি।
৭. সম্পাদক এবং এজেন্ট ম্যানেজারের মধ্যে টগল করা
মনে রাখবেন যে অ্যান্টিগ্র্যাভিটি এই ধারণার উপর ভিত্তি করে তৈরি যে এডিটর এবং এজেন্ট ম্যানেজার উভয়ই আলাদা উইন্ডো এবং উভয়েরই স্পষ্ট প্রয়োজন। এডিটরে থাকাকালীন উপরের ডানদিকে "ওপেন এজেন্ট ম্যানেজার" বোতামের মাধ্যমে অথবা এজেন্ট ম্যানেজারে থাকাকালীন উপরের ডানদিকে "ওপেন এডিটর" বোতামে ক্লিক করে আপনার একটি থেকে অন্যটিতে স্যুইচ করার বিকল্প রয়েছে।
বিকল্পভাবে, দুটি মোডের মধ্যে টগল করার জন্য আপনার কাছে নিম্নলিখিত কীবোর্ড শর্টকাটও রয়েছে: Cmd + E
৮. ব্যবহারের ক্ষেত্রে
এখন যেহেতু আমরা পণ্যটির মৌলিক ধারণা পেয়েছি, আসুন আমরা এর ব্যবহারের কিছু উদাহরণ দেখি। লক্ষ্য করুন যে অ্যান্টিগ্রাভিটি হল এজেন্ট-প্রথম প্ল্যাটফর্ম। এর অর্থ হল বেশিরভাগ ক্ষেত্রে, আমাদের কেবল এজেন্টকে একটি নির্দেশনা দেওয়া হয় এবং এজেন্ট তারপর নিজে থেকেই কাজ শুরু করে, প্রয়োজনে অনুমতি চায়, শিল্পকর্ম তৈরি করে এবং তারপর কাজটি সম্পন্ন হলে আমাদের অবহিত করে। এর ফলে, আমরা নিম্নলিখিত প্রতিটি ব্যবহারের ক্ষেত্রে এজেন্ট কথোপকথনের প্রতিটি আউটপুট তৈরি করতে পারছি না। আমরা প্রত্যাশিত ফলাফলের নির্দেশাবলী এবং কয়েকটি প্রয়োজনীয় স্ক্রিনশট শেয়ার করব তবে আপনার ফলাফল কিছুটা ভিন্ন হতে পারে।
আমরা যে ব্যবহারের ক্ষেত্রে আলোচনা করব তার মধ্যে রয়েছে বহিরাগত সাইটগুলির সাথে কয়েকটি কাজ স্বয়ংক্রিয় করা থেকে শুরু করে একটি প্রকল্পের জন্য ইউনিট টেস্ট কেস তৈরি এবং যাচাই করা, একটি সম্পূর্ণ ওয়েবসাইট ডেভেলপমেন্ট। চলুন শুরু করা যাক।
সংবাদ হাইলাইটস
এটি একটি সহজ ব্যবহারের ক্ষেত্রে কিন্তু এটি এমন একটি ভিত্তি হতে পারে যার মাধ্যমে আপনি ওয়েব ব্রাউজার ব্যবহার করে ওয়েবসাইটগুলি পরিদর্শন করতে, তথ্য আহরণ করতে, কিছু কাজ করতে এবং তারপর ব্যবহারকারীকে ডেটা ফেরত দিতে পারেন।
এই ক্ষেত্রে, আমরা গুগল নিউজ সাইটটি পরিদর্শন করব এবং সেখান থেকে কিছু তথ্য সংগ্রহ করব। তবে আপনি সহজেই আপনার পছন্দের একটি সাইট নিয়ে পরীক্ষা-নিরীক্ষা করতে পারেন এবং দেখতে পারেন এটি কেমন হয়।
নিশ্চিত করুন যে আপনি Agent Manager আছেন এবং নীচে দেখানো Playground নির্বাচন করেছেন:
তারপর নিম্নলিখিত নির্দেশ দিন:
এটি এজেন্ট প্রক্রিয়া শুরু করবে এবং এটি নির্ধারণ করবে যে এটিকে ব্রাউজার চালু করতে হবে, ইত্যাদি। আপনার চিন্তাভাবনা প্রক্রিয়ার দিকে মনোযোগ দেওয়া উচিত এবং এজেন্ট কীভাবে তার কাজ করে তা দেখা উচিত। যদি সবকিছু ঠিকঠাক থাকে, তাহলে এটি অ্যান্টিগ্রাভিটি ব্রাউজার চালু করবে এবং নীচে দেখানো সাইটটি পরিদর্শন করবে। সাইটের চারপাশে নীল সীমানা দেখায় যে এজেন্ট এখন ব্রাউজারটি নিয়ন্ত্রণ করছে এবং তথ্য পেতে সাইটটি নেভিগেট করছে।
একবার এটির কাজ শেষ হয়ে গেলে, আপনি নীচে দেখানো হিসাবে আর্টিফ্যাক্টগুলি তৈরি হতেও দেখতে পাবেন:
এজেন্ট কর্তৃক একটি নমুনা সম্পাদন নীচে দেখানো হয়েছে:
লক্ষ্য করুন যে বাম দিকে, আমাদের চিন্তা প্রক্রিয়া আছে, আপনি পয়েন্টগুলি স্ক্রোল করে প্লেব্যাক এবং অন্যান্য ডেটা দেখতে পারেন।
চেষ্টা করে দেখার মতো জিনিস
- একবার আপনি এটি বুঝতে পারলে, এমন একটি ওয়েবসাইট বেছে নিন যা উপলব্ধ এবং আপনি চান যে এজেন্ট সেখানে গিয়ে কিছু তথ্য সংগ্রহ/সংক্ষেপে প্রকাশ করুক। এমন একটি ওয়েবসাইট বিবেচনা করুন যেখানে ড্যাশবোর্ড এবং চার্ট রয়েছে এবং এটিকে কয়েকটি মান বেছে নিতে বলুন।
- নিম্নলিখিত প্রম্পটটি চেষ্টা করে দেখুন:
Visit https://docs.cloud.google.com/release-notes and get me a summary of the release notes, categorized by product.
পাইথন + ফ্লাস্ক দিয়ে একটি ডায়নামিক ওয়েবসাইট তৈরি করুন
এবার একটি সম্পূর্ণ ওয়েব অ্যাপ্লিকেশন তৈরি করা যাক। আমরা যে ওয়েব অ্যাপ্লিকেশনটি তৈরি করতে যাচ্ছি তা হল এমন একটি সাইট যা ১ দিনের টেকনিক্যাল ইভেন্টের তথ্য প্রদান করে, যেখানে দিনভর একাধিক বক্তা আলোচনা করেন।
আবারও, নিশ্চিত করুন যে আপনি Agent Manager আছেন এবং Playground নির্বাচন করেছেন।
নিম্নলিখিত প্রম্পট দিন:
I would like to generate a website that is a 1-day technical conference informational site.
The website should have the following functionality:
1. A home page that shows the current date, location, schedule and time table.
2. The 1-day event is a list of 8 talks in total.
3. Each talk has 1 or 2 max. speakers.
4. A talk has an ID, Title, Speakers, Category (1 or 2), Description and time of the talk.
5. Each speaker has a First Name, Last Name and LinkedIn url.
6. Allow for users to search by category, speaker, title.
7. Give a lunch break of 60 minutes.
8. Use dummy data for events and speakers, come up with a schedule, the event is about Google Cloud Technologies.
9. Tech Stack: Python and Flask framework on server side. Front-end is basic HTML, CSS and JavaScript.
10. Test out the site on your own for all functionality and provide a detailed README on how to setup, run and make any further changes.
11. Launch the web application for me to review.
উপরের প্রম্পটটি দিয়ে আপনি কথোপকথন শুরু করতে পারেন:
এজেন্ট যখন তার কাজ শেষ করবে, তখন সে শিল্পকর্ম তৈরিতে এগিয়ে যাবে:
- টাস্ক আর্টিফ্যাক্ট
- বাস্তবায়ন শিল্পকর্ম
- ওয়াকথ্রু আর্টিফ্যাক্ট
নিচে দেওয়া টাস্ক আর্টিফ্যাক্টটি ছিল এজেন্ট কর্তৃক প্রদত্ত টাস্কের উপর ভিত্তি করে করণীয় কাজের প্রাথমিক ক্রম। এক্সিকিউশনের একটি নমুনা স্ক্রিনশট নীচে দেখানো হল:
এরপর আপনি "ইমপ্লিমেন্টেশন প্ল্যান" আর্টিফ্যাক্টে ক্লিক করতে পারেন। একটি নমুনা স্ক্রিনশট নীচে দেখানো হয়েছে:
এবং অবশেষে, আপনার কাছে ওয়াকথ্রু আর্টিফ্যাক্ট আছে। এতে এজেন্ট যা যা করেছে তা নীচে দেখানো হয়েছে:
লক্ষ্য করুন যে এটি সার্ভারটি চালু করেছে এবং আমাকে URL দিয়েছে, যেটিতে আমি ক্লিক করলে আমার কাছে অ্যাপ্লিকেশনটি আছে, একটি নমুনা স্ক্রিনশট নীচে দেখানো হয়েছে:
যদি আমি Editor এ স্যুইচ করি, তাহলে স্ক্রিনে লক্ষ্য করুন যে এতে সেই ফোল্ডারটি রয়েছে যেখানে Python Flask অ্যাপ্লিকেশন তৈরি করা হয়েছে। আপনি আরও লক্ষ্য করবেন যে Agent mode ডানদিকে ট্যাগ করা হয়েছে এবং আপনি সেখানেও কথোপকথন চালিয়ে যেতে পারেন।
এখন, ধরা যাক আমরা ইভেন্টে আরও কিছু আলোচনা যোগ করতে চাই। আমরা সম্পাদক এবং এজেন্ট প্যানেলে থাকতে পারি, Add two more talks to the schedule মতো একটি নির্দেশনা দিতে পারি।
এর ফলে এজেন্ট প্রয়োজনীয়তা বিশ্লেষণ করবে, কার্য, বাস্তবায়ন পরিকল্পনা আপডেট করবে এবং তারপর আপডেট করা কার্যকারিতাও যাচাই করবে। একটি নমুনা কথোপকথন নীচে দেখানো হয়েছে:
আপনি চাইলে এজেন্ট ম্যানেজারে ফিরে যেতে পারেন। এই প্রক্রিয়াটি আপনাকে এজেন্ট ম্যানেজার থেকে এডিটরে স্থানান্তর, সেই অনুযায়ী পরিবর্তন করা ইত্যাদি প্রক্রিয়া বুঝতে সাহায্য করবে।
দ্রষ্টব্য: এই কাজটি সম্পাদন করার সময়, এজেন্টটি পোর্ট 5000-এ ফ্লাস্ক সার্ভার চালু করার চেষ্টা করেছিল, যা বর্তমান মেশিনে ব্যবহৃত হয়েছিল। এটি পরবর্তী ফ্রি পোর্টটি চালু করার চেষ্টা চালিয়ে যায়, যতক্ষণ না এটি 8080 ব্যবহার করার সিদ্ধান্ত নেয় এবং সার্ভারটি চালু করতে সক্ষম হয়।
চেষ্টা করে দেখার মতো জিনিস
- অ্যাপ্লিকেশনটিতে আপনার পছন্দের অতিরিক্ত কার্যকারিতা যোগ করুন। এজেন্টকে বিস্তারিত তথ্য প্রদান করুন এবং লক্ষ্য করুন যে এটি কীভাবে কাজটি সম্পন্ন করে, প্রথমে টাস্ক তালিকা পরিবর্তন করুন, তারপর বাস্তবায়ন পরিকল্পনা ইত্যাদি।
- আবেদনের জন্য এজেন্টকে একটি README বা আরও ডকুমেন্টেশন তৈরি করতে বলুন।
একটি সহজ উৎপাদনশীলতা অ্যাপ তৈরি করুন
আমরা এখন একটি সহজ Pomodoro টাইমার ওয়েব অ্যাপ্লিকেশন তৈরি করতে যাচ্ছি।
নিশ্চিত করুন যে আপনি Agent Manager আছেন এবং Playground নির্বাচন করেছেন। নিম্নলিখিত প্রম্পটটি দিন:
Create a productivity app that features a Pomodoro timer. Give a calm and aesthetic look to the application.
লক্ষ্য করুন কিভাবে এটি কার্য তালিকা তৈরি করে, বাস্তবায়ন পরিকল্পনা তৈরি করে এবং তারপর তা করে। প্রবাহের দিকে মনোযোগ দিন, এমন পরিস্থিতিতে এটি আপনাকে পর্যালোচনার জন্য অনুরোধ করতে পারে। একটি নমুনা রান নীচে দেখানো হয়েছে।
এই ক্ষেত্রে, এটির অ্যান্টিগ্র্যাভিটি ব্রাউজারটিও চালু করা উচিত, নিজস্ব পরীক্ষা করা উচিত এবং তারপর নিশ্চিত করা উচিত যে পরীক্ষাগুলি সফল হয়েছে। এটি যে জিনিসগুলি তৈরি করেছে তার মধ্যে একটি হল একটি মিডিয়া আর্টিফ্যাক্ট যাতে এর যাচাইকরণের ভিডিও রয়েছে। এটি কী পরীক্ষা করেছে তা দেখার জন্য এটি একটি দুর্দান্ত উপায়। আমি কিছু স্টাইল পরিবর্তনের পরামর্শও দিয়েছিলাম কারণ এটি কার্যকর হয়নি এবং এটি তা করতে সক্ষম হয়েছিল।
শেষ অ্যাপটি দেখতে নিচের অ্যাপটির মতো ছিল এবং এটি বেশ ভালো দেখাচ্ছে।
আমরা অ্যাপ্লিকেশনটিতে একটি সুন্দর টাইমার ইমেজ যোগ করতে পারি। আমাদের যা করতে হবে তা হল নীচের দেওয়া একটি ফলো-আপ নির্দেশনা জারি করা:
Add an image to the application that displays a timer.
এর ফলে এজেন্ট টাস্ক আর্টিফ্যাক্টে একটি নতুন টাস্ক যোগ করেছে:
এরপর এটি তার কাজটি সম্পন্ন করার সময় একটি চিত্র তৈরি করে:
অবশেষে, অ্যাপটিতে আমাদের অনুরোধ অনুযায়ী ছবিটি এসেছে:
চেষ্টা করে দেখার মতো জিনিস
- লক্ষ্য করুন অ্যাপ্লিকেশনটিতে বালিঘড়ি আইকনের পটভূমি স্বচ্ছ নয়। এজেন্টকে এটি স্বচ্ছ করতে বলার চেষ্টা করুন।
- আপনি যে অ্যাপ্লিকেশন তৈরি করতে চান তার কয়েকটি ভিন্নতা ব্যবহার করে দেখুন। স্টাইল, ছবি, পরিবর্তনের জন্য জিজ্ঞাসা ইত্যাদি নিয়ে খেলুন।
ইউনিট টেস্ট, মক স্টাব তৈরি করুন এবং পরীক্ষা যাচাই করুন
আমরা এখানে যে চূড়ান্ত ব্যবহারের চেষ্টা করব তা হল আমাদের কাছে থাকা একটি নির্দিষ্ট কোড ফাইলের জন্য ইউনিট পরীক্ষা তৈরি করা এবং এজেন্টের জন্য পরীক্ষাগুলি সম্পাদন এবং যাচাই করা।
এর জন্য, আমাদের এমন একটি ওয়ার্কস্পেস থাকবে যেখানে নীচে দেখানো একটি পাইথন ফাইল থাকবে:
from typing import Dict
# --- Custom Exceptions ---
class InventoryShortageError(Exception):
"""Raised when there is not enough item stock."""
pass
class PaymentFailedError(Exception):
"""Raised when the payment gateway rejects the transaction."""
pass
class InvalidOrderError(Exception):
"""Raised when the order violates business rules."""
pass
# --- External Service Interfaces (To be Mocked) ---
class InventoryService:
def get_stock(self, product_id: str) -> int:
"""Connects to DB to check stock."""
raise NotImplementedError("Real connection required")
def decrement_stock(self, product_id: str, quantity: int):
"""Connects to DB to reduce stock."""
raise NotImplementedError("Real connection required")
class PaymentGateway:
def charge(self, amount: float, currency: str) -> bool:
"""Connects to Stripe/PayPal."""
raise NotImplementedError("Real connection required")
# --- Main Business Logic ---
class Order:
def __init__(self,
inventory_service: InventoryService,
payment_gateway: PaymentGateway,
customer_email: str,
is_vip: bool = False):
self.inventory = inventory_service
self.payment = payment_gateway
self.customer_email = customer_email
self.is_vip = is_vip
self.items: Dict[str, Dict] = {} # {product_id: {'price': float, 'qty': int}}
self.is_paid = False
self.status = "DRAFT"
def add_item(self, product_id: str, price: float, quantity: int = 1):
"""Adds items to the cart. Rejects invalid prices or quantities."""
if price < 0:
raise ValueError("Price cannot be negative")
if quantity <= 0:
raise ValueError("Quantity must be greater than zero")
if product_id in self.items:
self.items[product_id]['qty'] += quantity
else:
self.items[product_id] = {'price': price, 'qty': quantity}
def remove_item(self, product_id: str):
"""Removes an item entirely from the cart."""
if product_id in self.items:
del self.items[product_id]
@property
def total_price(self) -> float:
"""Calculates raw total before discounts."""
return sum(item['price'] * item['qty'] for item in self.items.values())
def apply_discount(self) -> float:
"""
Applies business logic:
1. VIPs get flat 20% off.
2. Regulars get 10% off if total > 100.
3. No discount otherwise.
"""
total = self.total_price
if self.is_vip:
return round(total * 0.8, 2)
elif total > 100:
return round(total * 0.9, 2)
return round(total, 2)
def checkout(self):
"""
Orchestrates the checkout process:
1. Validates cart is not empty.
2. Checks stock for all items.
3. Calculates final price.
4. Charges payment.
5. Updates inventory.
"""
if not self.items:
raise InvalidOrderError("Cannot checkout an empty cart")
# 1. Check Inventory Logic
for product_id, data in self.items.items():
available_stock = self.inventory.get_stock(product_id)
if available_stock < data['qty']:
raise InventoryShortageError(f"Not enough stock for {product_id}")
# 2. Calculate Final Price
final_amount = self.apply_discount()
# 3. Process Payment
try:
success = self.payment.charge(final_amount, "USD")
if not success:
raise PaymentFailedError("Transaction declined by gateway")
except Exception as e:
# Catching generic network errors from the gateway
raise PaymentFailedError(f"Payment gateway error: {str(e)}")
# 4. Decrement Stock (Only occurs if payment succeeded)
for product_id, data in self.items.items():
self.inventory.decrement_stock(product_id, data['qty'])
self.is_paid = True
self.status = "COMPLETED"
return {"status": "success", "charged_amount": final_amount}
নিশ্চিত করুন যে উপরের পাইথন ফাইলটি স্থানীয়ভাবে একটি ফোল্ডারে আছে এবং আপনি এটি অ্যান্টিগ্র্যাভিটিতে একটি ওয়ার্কস্পেস হিসাবে লোড করছেন।
এটি একটি সহজ অর্ডার পরিষেবা যার checkout ফাংশনে নিম্নলিখিত মূল কার্যকারিতা রয়েছে:
- কার্ট খালি নেই তা যাচাই করে।
- সমস্ত আইটেমের স্টক পরীক্ষা করুন।
- চূড়ান্ত মূল্য গণনা করে।
- চার্জ পরিশোধ।
- ইনভেন্টরি আপডেট করে।
আমরা এজেন্টকে ইউনিট টেস্ট কেস তৈরি, মক ইমপ্লিমেন্টেশন প্রদান এবং পরীক্ষাগুলি সফল করার জন্য কার্যকর করার কাজটি অর্পণ করতে যাচ্ছি।
আমরা আমাদের নির্দিষ্ট ওয়ার্কস্পেস ফোল্ডারটি খুলব এবং আপনি লক্ষ্য করবেন যে আমরা এখন ফাইলটি উল্লেখ করার জন্য @ চিহ্নটিও ব্যবহার করতে পারি। উদাহরণস্বরূপ, আমরা নিম্নলিখিতগুলি করতে পারি:
এই ফাইলটি কী তার কিছু ব্যাখ্যা এখানে দেওয়া হল:
আমরা প্রম্পটের মাধ্যমে এটিকে আরও ভালো ভিজ্যুয়ালাইজেশন তৈরি করতে বলতে পারি:
Can you visually show this class for better understanding
আমার পরবর্তী পদক্ষেপ হল ইউনিট পরীক্ষা তৈরি করা এবং এজেন্টকে এটি পরীক্ষা করতে বলা। আমি নিম্নলিখিত প্রম্পটটি দিচ্ছি:
generate unit tests for this module and test it out with mock implementations.
এটি নিম্নলিখিত টাস্ক আর্টিফ্যাক্ট তৈরি করেছে এবং তার কাজটি চালিয়ে গেছে।
আপনি এটি পরিচালিত পরীক্ষাগুলির বিবরণও দেখতে পারেন:
এটি যে ফাইলগুলি তৈরি করেছিল তার মধ্যে একটি ছিল টেস্ট ফাইল। যার একটি স্ক্রিনশট নীচে দেখানো হয়েছে:
চেষ্টা করে দেখার মতো জিনিস
আপনার নিজস্ব কোড নিন এবং দেখুন এজেন্টকে আপনি কী করতে বলতে পারেন, আরও কার্যকারিতা যোগ করা থেকে শুরু করে আপনার কোডের অংশগুলি রিফ্যাক্টর করা পর্যন্ত।
৯. অভিনন্দন
অভিনন্দন, আপনি সফলভাবে অ্যান্টিগ্রাভিটি ইনস্টল করেছেন এবং বুঝতে পেরেছেন যে কীভাবে এজেন্ট-ফার্স্ট ডেভেলপমেন্ট প্ল্যাটফর্ম ব্যবহার করতে হয়। আমরা যে বিভিন্ন ব্যবহারের ক্ষেত্রে চেষ্টা করেছি তা আপনাকে আপনার নিজস্ব প্রয়োজনীয়তাগুলি নিতে এবং অ্যান্টিগ্রাভিটি কীভাবে আপনার সাথে সহযোগিতা করে সেগুলি সম্পূর্ণ করতে পারে তা অন্বেষণ করতে সহায়তা করবে।
রেফারেন্স ডক্স
- অফিসিয়াল সাইট: https://antigravity.google/
- ডকুমেন্টেশন: https://antigravity.google/docs
- ব্যবহারের ক্ষেত্রে: https://antigravity.google/use-cases
- ডাউনলোড করুন: https://antigravity.google/download
- গুগল অ্যান্টিগ্রাভিটির জন্য ইউটিউব চ্যানেল: https://www.youtube.com/@googleantigravity