এজেন্টের জন্য আপনার কোয়েরিতে একটি ছবি অ্যাটাচ করুন যাতে অ্যাপের আর্কিটেকচার আরও ভালোভাবে বোঝা যায় এবং UI ডেভেলপমেন্ট প্রসেস আরও দ্রুত করা যায়।
আপনার প্রম্পটে কোনও ছবি অ্যাটাচ করতে, প্রসঙ্গ যোগ করুন > মিডিয়া
বিকল্পে ক্লিক করে ছবি আপলোড করুন।
এজেন্ট যেসব উপায়ে ছবির ব্যাপারে সাহায্য করতে পারে তার কয়েকটি এখানে দেওয়া হল:
আপনার কাছে UI-এর মক-আপ থাকলে, এজেন্ট আপনাকে কোড প্রদান করতে পারে যা এটি তৈরি করে। যেমন, আপনি যদি এজেন্টকে Now in Android অ্যাপের স্ক্রিনশট দেন, তাহলে এটি তৈরি করার জন্য এটি কম্পোজ কোড প্রদান করতে পারে। এই উদাহরণে অ্যাপের ফিডের স্ক্রিনশট (বাঁদিকে) এবং সেই UI-এর জন্য এজেন্টের তৈরি করা Jetpack Compose কোড (ডানদিকে) দেখানো হয়েছে। আরও জানতে, ছবি অ্যাটাচমেন্ট সহ UI জেনারেট করুন দেখুন।
এজেন্ট, Now in Android অ্যাপের UI স্ক্রিনশট থেকে Jetpack Compose কোড জেনারেট করে। আপনি যদি জানতে চান যে কোনও অ্যাপ কীভাবে তৈরি করা হয়, তাহলে এজেন্ট ব্যাখ্যা করতে পারে যে UI কীভাবে তার কম্পোনেন্ট পার্টের পরিপ্রেক্ষিতে কাজ করে। যেমন, আপনি এজেন্টকে অন্য একটি Now in Android স্ক্রিনশটের পিছনে কম্পোজেবল এবং ডেটা ফ্লো ব্যাখ্যা করতে বলতে পারেন। বাঁদিকের ছবিতে একটি নিউজ আইটেম সহ বিস্তারিত স্ক্রিন দেখানো হয়েছে এবং ডানদিকের ছবিতে সেই স্ক্রিনের জন্য কম্পোজ স্ট্রাকচার ও ডেটা ফ্লো সম্পর্কে এজেন্টের ব্যাখ্যা দেখানো হয়েছে।
এজেন্ট নির্দিষ্ট অ্যাপ স্ক্রিনের UI কম্পোজিশন ও ডেটা ফ্লো ব্যাখ্যা করে। আপনার কাছে অ্যাপ আর্কিটেকচার ডায়াগ্রাম থাকলে, এজেন্ট ডায়াগ্রামের উপর ভিত্তি করে অ্যাপ তৈরি করার জন্য কোড সাজেস্ট করতে পারে, যা ফুল স্ট্যাক ডেভেলপমেন্ট অ্যাসিস্ট্যান্ট হিসেবে কাজ করে। এজেন্ট ডায়াগ্রাম ডকুমেন্ট করতে এবং অ্যাপের গঠন ব্যাখ্যা করতেও সাহায্য করতে পারে, যা আপনার টিমমেটদের পর্যালোচনা করার জন্য একটি ডিজাইন ডকুমেন্ট লেখার সময় সাহায্য করে। যেমন, নিচের ছবিতে UI, ViewModel, Repository ও ডেটা সোর্সের মতো বিভিন্ন অ্যাপ কম্পোনেন্টের মধ্যে ডেটা ফ্লো দেখানো হয়েছে।
এজেন্ট অ্যাপ আর্কিটেকচার ডায়াগ্রাম থেকে কোড ও ডকুমেন্টেশন জেনারেট করতে পারে। আপনি যদি UI-তে কোনও সমস্যা লক্ষ্য করেন, তাহলে স্ক্রিনশট নিন এবং এজেন্টকে সমাধান নিয়ে ব্রেনস্টর্ম করতে বলুন। যেখানে সমস্যা আছে সেই জায়গাটি বৃত্তাকার করে চিহ্নিত করে আপনি আমাদের সাহায্য করতে পারেন। নিচের উদাহরণে একটি মোবাইল অ্যাপের স্ক্রিনশট দেখানো হয়েছে যেখানে লাল বৃত্ত দিয়ে একটি ভুলভাবে অ্যালাইন করা UI এলিমেন্ট হাইলাইট করা হয়েছে।
এজেন্ট স্ক্রিনশট থেকে UI বাগের সমাধান ব্রেনস্টর্ম করতে সাহায্য করতে পারে।