Kaiju Hub AI

খালি

সারসংক্ষেপ

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

Reverse Engineering detail view showing uploaded image with element analysis and image thumbnails panel

স্ক্রিন ফ্লো এবং গ্রুপ

সমর্থন বিষয়বস্তু.রিভার্স বাউন্ডিং বক্স.স্ক্রিন ফ্লো বডি স্ক্রিন ফ্লো ক্যানভাস আপনাকে আপনার রিভার্স ইঞ্জিনিয়ারিং কাজকে গ্রুপে সংগঠিত করতে দেয়। প্রতিটি গ্রুপে একাধিক স্ক্রিন চিত্র থাকতে পারে এবং এটিকে হয় স্ক্রিন (প্রধান পৃষ্ঠা, বিভাগ বা দৃশ্য) অথবা মোডাল (ওভারলে, ডায়ালগ, পপআপ, ড্রয়ার) হিসাবে চিহ্নিত করা যেতে পারে। কোনো গ্রুপ খুলতে এবং এর চিত্রগুলির সাথে কাজ করতে গ্রুপের উপর ডাবল ক্লিক করুন।

Screen Flow canvas showing groups with screen connections and type legendCreate New Group dialog with group name, type selection (Screen or Modal), color picker, and parent group options

ম্যানুয়াল বক্সিং

1

বক্স টুল নির্বাচন করুন

ইমেজ ক্যানভাসের উপরে থাকা টুলবার থেকে বাউন্ডিং বক্স অঙ্কন সরঞ্জামটি নির্বাচন করুন।

2

একটি বক্স আঁকুন

ইমেজের উপর ক্লিক করে টেনে একটি আয়তাকার বক্স আঁকুন, যা একটি UI উপাদানের চারপাশে থাকবে — একটি বোতাম, একটি কার্ড, একটি নেভিগেশন বার, একটি হিরো বিভাগ বা অন্য যেকোনো উপাদান।

3

পুনরায় আকার দিন এবং সামঞ্জস্য করুন

যেকোনো বক্সের প্রান্ত বা কোণ টেনে এর অবস্থান এবং আকার সূক্ষ্মভাবে পরিবর্তন করুন। নিশ্চিত করুন যে এটি লক্ষ্যযুক্ত উপাদানের সাথে ভালোভাবে মিলে যায়।

4

আচরণ নির্ধারণ করুন

একটি বক্স নির্বাচন করুন এবং সংজ্ঞায়িত করুন যে উপাদানটি কী করবে — উদাহরণস্বরূপ, "একটি মোডাল খোলে", "/about"-এ নেভিগেট করে" অথবা "একটি ড্রপডাউন মেনু টগল করে"।

AI স্বয়ংক্রিয় বক্সিং

যখন "V" টগলটি সক্রিয় থাকে, তখন এআই বিদ্যমান উপাদানের পরিবর্তে একাধিক ভিন্নতা তৈরি করে। প্রম্পট প্লেসহোল্ডারটি "আপনি যে ভিন্নতাগুলি তৈরি করতে চান তা বর্ণনা করুন" তে পরিবর্তিত হয় এবং "+" এবং "-" কন্ট্রোল সহ একটি কাউন্টার প্রদর্শিত হয়, যা আপনাকে কতগুলি ভিন্নতা তৈরি করতে হবে তা নির্বাচন করতে দেয়। তৈরি করা ভিন্নতাগুলি একটি ডেডিকেটেড প্যানেলে প্রদর্শিত হবে, যেখানে আপনি সেগুলি পর্যালোচনা করতে পারবেন এবং আপনার পছন্দের সংস্করণগুলি ব্লকে যুক্ত করতে পারবেন।

একটি উপাদান নির্বাচন করুন

আপনি যে উপাদানটির সাথে একটি ফ্লো যুক্ত করতে চান, সেটিতে ক্লিক করুন।

ফ্লো ট্যাব খুলুন

ডান সাইডবারে, ফ্লো ট্যাবটিতে যান, যেখানে বিদ্যমান সংযোগগুলি দেখা যায় অথবা নতুন সংযোগ যুক্ত করা যায়।

সংযোগ যুক্ত করুন

"প্রথম সংযোগ যুক্ত করুন" (অথবা "+" বোতাম) ক্লিক করে একটি নতুন ফ্লো তৈরি করুন। একটি লক্ষ্য স্ক্রিন বা ফ্রেমে লিঙ্ক করতে নির্বাচন করুন।

নির্দেশনা আচরণ

এআই বিল্ডারের চারটি ট্যাব রয়েছে: "ওভারভিউ", "সিদ্ধান্ত", "গবেষণা" এবং "জ্ঞান"।

ক্যানভাসে দেখুন

সংযুক্ত উপাদানগুলিতে ক্যানভাসে একটি ছোট লিঙ্ক আইকন প্রদর্শিত হবে, যা নির্দেশ করে যে সেগুলিতে ফ্লো অ্যাকশন রয়েছে।

সরঞ্জাম নির্বাচন করুন

উপরে থাকা টুলবার থেকে বাউন্ডিং বক্স অঙ্কন সরঞ্জামটি নির্বাচন করুন।

একটি বাক্স আঁকুন

চিত্রের উপরে ক্লিক করে এবং টেনে একটি আয়তাকার বাক্স আঁকুন, যা একটি UI উপাদানকে ঘিরে রাখবে — একটি বোতাম, একটি কার্ড, একটি নেভিগেশন বার, একটি হিরো বিভাগ বা অন্য যেকোনো উপাদান।

পুনরায় আকার দিন এবং সামঞ্জস্য করুন

বাক্সের প্রান্ত বা কোণগুলি টেনে এর অবস্থান এবং আকার পরিবর্তন করুন। নিশ্চিত করুন যে এটি লক্ষ্য উপাদানটিকে সঠিকভাবে ঘিরে রেখেছে।

আচরণ নির্ধারণ করুন

একটি বাক্স নির্বাচন করুন এবং সংজ্ঞায়িত করুন যে উপাদানটি কী করবে — উদাহরণস্বরূপ, "একটি মোডাল খোলে", " /about-এ নেভিগেট করে" অথবা "একটি ড্রপডাউন মেনু টগল করে"।

Kaiju Hub AI-এ প্রদর্শিত সব তৃতীয় পক্ষের লোগো, ট্রেডমার্ক ও ব্র্যান্ড নাম তাদের নিজ নিজ মালিকদের সম্পত্তি। এগুলো শুধুমাত্র শনাক্তকরণের উদ্দেশ্যে ব্যবহৃত হয় এবং সমর্থন, স্পনসরশিপ বা সম্পর্ক বোঝায় না।