প্রকল্প সম্পর্কে

Agentation একটি ভিজ্যুয়াল ফিডব্যাক টুল যা চলমান ওয়েব পেজে যা দেখেন এবং AI কোডিং এজেন্টের সোর্স কোডে কী পরিবর্তন প্রয়োজন তার মধ্যে ব্যবধান পূরণ করে। প্রোজ prose-এ UI সমস্যা বর্ণনা করার পরিবর্তে, আপনি সরাসরি নির্দেশ করেন। এটি যেভাবে কাজ করে: আপনি প্যাকেজটি dev dependency হিসেবে ইনস্টল করেন এবং আপনার অ্যাপের পাশাপাশি `<Agentation />` কম্পোনেন্ট রেন্ডার করেন। নিচের-ডান কোণায় একটি টুলবার দেখা যায়। এটি সক্রিয় করুন, তারপর পেজের যেকোনো এলিমেন্টে ক্লিক করে অ্যানোটেট করুন। টুলটি ক্লাস নাম, CSS সিলেক্টর এবং এলিমেন্টের অবস্থান ক্যাপচার করে, তারপর স্ট্রাকচার্ড মার্কডাউন আউটপুট তৈরি করে যা আপনি কপি করে এজেন্টকে দিতে পারেন। README-এর উদাহরণ হলো, "সাইডবারের নীল বাটন" বলার পরিবর্তে, আপনি এজেন্টকে `.sidebar > button.primary` এবং আপনার নোট দেন, যা এজেন্ট সরাসরি grep করতে পারে। README-তে উল্লেখিত উল্লেখযোগ্য ক্ষমতা: - যেকোনো এলিমেন্টে ক্লিক করে অ্যানোটেট করুন, স্বয়ংক্রিয় সিলেক্টর শনাক্তকরণসহ - নির্দিষ্ট কন্টেন্ট অ্যানোটেট করতে টেক্সট নির্বাচন - একাধিক এলিমেন্ট জুড়ে ড্র্যাগ করে মাল্টি-সিলেক্ট - এরিয়া নির্বাচন, যাতে এলিমেন্ট না থাকলেও একটি অঞ্চল অ্যানোটেট করা যায় - অ্যানিমেশন পজ, CSS, JS এবং ভিডিও অ্যানিমেশন ফ্রিজ করে নির্দিষ্ট অবস্থা ক্যাপচার করতে - সিলেক্টর, অবস্থান এবং প্রসঙ্গসহ স্ট্রাকচার্ড মার্কডাউন আউটপুট - ডার্ক এবং লাইট মোড, সিস্টেম পছন্দ অনুসরণ করে বা ম্যানুয়ালি সেট করা যায় - শূন্য রানটাইম নির্ভরতা, বিশুদ্ধ CSS অ্যানিমেশন ব্যবহার করে প্রয়োজনীয়তা এবং সুযোগ: React 18 বা তার newer, এবং একটি ডেস্কটপ ব্রাউজার (মোবাইল সমর্থিত নয়)। প্রকল্পটি এজেন্ট-অ্যাজনস্টিক, অর্থাৎ কপি করা আউটপুট কোনো নির্দিষ্ট AI কোডিং সহকারীর সাথে আবদ্ধ নয়। লাইসেন্সিং: README-তে বলা আছে প্রকল্পটি ২০২৬ বেঞ্জি টেলর দ্বারা কপিরাইট এবং PolyForm Shield 1.0.0-এর অধীনে লাইসেন্সপ্রাপ্ত, যা প্রচলিত ওপেন-সোর্স লাইসেন্সের পরিবর্তে একটি সোর্স-উপলব্ধ লাইসেন্স, তাই বাণিজ্যিক ব্যবহারের আগে এর শর্তাবলী পর্যালোচনা করুন। সম্পূর্ণ ডকুমেন্টেশন agentation.com-এ হোস্ট করা আছে।