GenAI

নতুন হ্যান্ডঅফ: কীভাবে আপনার এআই এজেন্টের কোড আপনার দলের সাথে শেয়ার করবেন1 min read

Reading Time: 4 minutesকীভাবে এআই-উৎপন্ন কোডটি উৎস, একটি কার্যকরী সংস্করণ বা একটি ভাগ করা আর্টিফ্যাক্ট হিসাবে ভাগ করতে হয় তা শিখুন যা মানুষ এবং এআই এজেন্টরা পর্যালোচনা করতে পারে এবং একসাথে চালিয়ে যেতে পারে।

Turn AI-generated code into a shared live app

নতুন হ্যান্ডঅফ: কীভাবে আপনার এআই এজেন্টের কোড আপনার দলের সাথে শেয়ার করবেন1 min read

Reading Time: 4 minutes

আপনার এআই এজেন্ট সবেমাত্র দরকারী কিছু তৈরি করেছে। হতে পারে এটি একটি ড্যাশবোর্ড, একটি নতুন অনবোর্ডিং প্রবাহ বা একটি ছোট অভ্যন্তরীণ অ্যাপ্লিকেশন।

আপনি এটি কাজ করতে দেখতে পারেন। কোডটি ভাল দেখাচ্ছে। এখন আপনার সতীর্থ একটি পুরোপুরি যুক্তিসঙ্গত প্রশ্ন জিজ্ঞাসা করে:

“আপনি কি এটি আমার কাছে পাঠাতে পারেন?

এখানেই একটি এআই কোডিং ওয়ার্কফ্লো প্রায়শই একটি ম্যানুয়াল হ্যান্ডঅফ হয়ে যায়। আপনি একটি স্ক্রিনশট প্রেরণ করেন, একটি কোড স্নিপেট অনুলিপি করুন, একটি শাখা ধাক্কা দিন বা কীভাবে স্থানীয়ভাবে প্রকল্পটি চালানো যায় তা ব্যাখ্যা করুন।

তবে জিজ্ঞাসা করা ব্যক্তি সোর্স কোডটি নাও চাইতে পারে। তারা জিনিসটি খুলতে চায়, এটি চেষ্টা করে এবং আপনাকে কী পরিবর্তন করতে হবে তা বলতে চায়।

এআই-উৎপন্ন কোড ভাগ করে নেওয়ার সঠিক উপায়টি পরবর্তী কী ঘটে তার উপর নির্ভর করে।

প্রথমত, আপনি আসলে কী শেয়ার করছেন?

যখন কেউ আপনার এআই এজেন্টের উৎপন্ন কোডটি জিজ্ঞাসা করে, তখন তারা তিনটি ভিন্ন জিনিস বোঝাতে পারে।

1. সোর্স কোড

একজন বিকাশকারীকে বাস্তবায়ন পরিদর্শন করতে হবে, পরীক্ষা চালাতে হবে বা এটি বিদ্যমান কোডবেসে মার্জ করতে হবে।

একটি গিট রিপোজিটরি এবং পুল অনুরোধ সাধারণত সঠিক উত্তর। তারা পরিবর্তনগুলি পর্যালোচনা করা, পরীক্ষাগুলি পরীক্ষা করা এবং কোডটি উত্পাদনে সংহত করার জন্য একটি পরিচিত ওয়ার্কফ্লো সরবরাহ করে।

2. একটি কার্যকরী সংস্করণ

একজন প্রোডাক্ট ম্যানেজার অনবোর্ডিং ফ্লোর মাধ্যমে ক্লিক করতে চায়। একজন ডিজাইনার প্রতিক্রিয়াশীল লেআউটটি দেখতে চান। একজন স্টেকহোল্ডার ড্যাশবোর্ডটি চেষ্টা করতে চান।

উৎস ফাইলগুলি প্রেরণ করা এখানে বিশেষভাবে কার্যকর নয়। তাদের একটি অ্যাপ্লিকেশন বা নিদর্শন প্রয়োজন যা তারা ব্রাউজারে খুলতে পারে।

3. এমন কাজ যা অন্য কেউ চালিয়ে যাবে

আপনার সতীর্থ অ্যাপটি পর্যালোচনা করতে, একটি পরিবর্তনের পরামর্শ দিতে এবং কোনও এআই এজেন্টকে প্রতিক্রিয়াটি প্রয়োগ করতে চান।

এটি একটি ভিন্ন ধরণের হ্যান্ডঅফ। গন্তব্যটি একটি স্ন্যাপশটের চেয়ে বেশি কিছু ধরে রাখতে হবে। এটি কাজ, তার ইতিহাস এবং অ্যাক্সেস সংরক্ষণ করা দরকার যারা এটি চালিয়ে যায়।

এই ওয়ার্কফ্লোগুলি ওভারল্যাপ করে, তবে এগুলি বিনিময়যোগ্য নয়।

কোড ভাগ করে নেওয়া এবং কাজ হস্তান্তর করার মধ্যে পার্থক্য

কল্পনা করুন যে কোনও এজেন্ট একটি গ্রাহক বিশ্লেষণ ড্যাশবোর্ড তৈরি করে।

এটিতে তিনটি কেপিআই কার্ড, একটি ব্যবহারের চার্ট এবং একটি তারিখ ফিল্টার অন্তর্ভুক্ত রয়েছে।

আপনি আপনার সতীর্থকে React ফাইলগুলি পাঠাতে পারেন। ফলাফলটি দেখার জন্য তাদের একটি উন্নয়ন পরিবেশের প্রয়োজন হবে।

আপনি একটি স্ক্রিনশট পাঠাতে পারেন। তারা লেআউটটি বুঝতে পারবে তবে ফিল্টারটি পরীক্ষা করতে সক্ষম হবে না।

আপনি এটি কোথাও স্থাপন করতে পারেন। তারা এটির সাথে ইন্টারঅ্যাক্ট করতে পারে, তবে প্রতিক্রিয়া সংগ্রহ এবং প্রকল্পটি আপডেট করার জন্য আপনার এখনও একটি প্রক্রিয়া প্রয়োজন।

এখন একটু ভিন্ন ওয়ার্কফ্লো কল্পনা করুন।

এজেন্ট একটি ভাগ করা আর্টিফ্যাক্ট ওয়ার্কস্পেসে ড্যাশবোর্ড তৈরি করে এবং আপনাকে এর ইউআরএল দেয়।

আপনার সতীর্থ নিদর্শনটি খুলে ফিল্টারটি পরীক্ষা করে এবং চার্টে প্রতিক্রিয়া জানায়। আপনি এজেন্টকে একই নিদর্শনে পরিবর্তন করতে বলেন।

ইউআরএল একই থাকে। কাজটির একটি ইতিহাস রয়েছে। অন্য কথোপকথন শুরু করার এবং পূর্ববর্তী এজেন্ট কী তৈরি করেছিল তা ব্যাখ্যা করার দরকার নেই।

এটি ডিজাইন করার জন্য হ্যান্ডঅফ।

কীভাবে আপনার দলের সাথে এআই-উৎপন্ন কোড ভাগ করবেন

এখানে ব্যবহার করে একটি ব্যবহারিক কর্মপ্রবাহ রয়েছে AgentGrid.io, মানুষ এবং এআই এজেন্টদের জন্য একটি ভাগ করা নিদর্শন কর্মক্ষেত্র, যা Anima দ্বারা নির্মিত।

ধাপ 1: আপনার পছন্দসই এআই কোডিং সরঞ্জাম দিয়ে তৈরি করুন

Claude Code, Codex, Cursor বা অন্য কোনও সরঞ্জামে আপনি স্বাচ্ছন্দ্য বোধ করেন এমন কোনও সরঞ্জামে কাজ চালিয়ে যান।

উদাহরণস্বরূপ:

একটি ব্যবহারের চার্ট, তারিখ ফিল্টার এবং তিনটি কেপিআই কার্ড সহ একটি প্রতিক্রিয়াশীল পণ্য বিশ্লেষণ ড্যাশবোর্ড তৈরি করুন। React ব্যবহার করুন।

কোডটি তৈরি করতে আপনি যে সরঞ্জামটি ব্যবহার করেন তা পরিবর্তন করার দরকার নেই।

ধাপ 2: ফলাফলটি এমন কোথাও রাখুন যেখানে আপনার দল অ্যাক্সেস করতে পারে

আপনার এজেন্টকে AgentGrid এর সাথে সংযুক্ত করুন এবং জিজ্ঞাসা করুন:

এই ড্যাশবোর্ডটি একটি অ্যাপ্লিকেশন হিসাবে AgentGrid রাখুন। আমাকে আর্টিফ্যাক্ট লিঙ্কটি দিন এবং এটি ব্যক্তিগত রাখুন।

AgentGrid অ্যাপ্লিকেশনটিকে তার নিজস্ব ইউআরএল এবং সংস্করণের ইতিহাস সহ একটি নিদর্শন হিসাবে সংরক্ষণ করে।

আপনি যদি এমন কোনও কোডিং এজেন্ট ব্যবহার করছেন যা স্বাধীনভাবে সংযোগ করতে পারে তবে অনুসরণ করুন AgentGrid সংযোগের নির্দেশাবলী. ব্রাউজার-ভিত্তিক সহকারীরা যেমন Claude বা ChatGPT তাদের সমর্থিত ইন্টিগ্রেশনগুলি ব্যবহার করে।

গুরুত্বপূর্ণ অংশটি হ’ল আপনার এজেন্ট এমন একটি কর্মক্ষেত্রে নিদর্শনটি তৈরি করে যা অ্যাক্সেস করার অনুমতি রয়েছে।

ধাপ 3: আপনার সতীর্থকে অ্যাক্সেস দিন

নিদর্শনটি খুলুন এবং এর লিঙ্কটি অনুলিপি করুন।

এটি পাঠানোর আগে, নিশ্চিত হয়ে নিন যে আপনার সতীর্থের কর্মক্ষেত্রে অ্যাক্সেস রয়েছে। একটি ব্যক্তিগত আর্টিফ্যাক্ট ইউআরএল কাজটি সনাক্ত করে; এটি নিজে থেকে অনুমতি দেয় না।

অভ্যন্তরীণ সহযোগিতার জন্য, আপনি সাধারণত এটি চান। একজন সতীর্থ কাজটি সর্বজনীনভাবে অ্যাক্সেসযোগ্য না করে পর্যালোচনা করতে পারেন।

দেখুন আর্টিফ্যাক্ট শেয়ারিং কিভাবে কাজ করে.

ধাপ 4: প্রকৃত ফলাফলের প্রতিক্রিয়া সংগ্রহ করুন

আপনার সতীর্থ ড্যাশবোর্ডটি খুলে আবিষ্কার করে যে তারিখের ফিল্টারটি প্রত্যাশা অনুযায়ী আচরণ করছে না।

কোন উপাদানটি ভেঙে গেছে তা ব্যাখ্যা করে একটি পৃথক Slack বার্তা লেখার পরিবর্তে, তারা নিদর্শনের প্রাসঙ্গিক অংশের সাথে প্রতিক্রিয়া সংযুক্ত রাখতে পারে।

AgentGrid অ্যাপ্লিকেশন উপাদান এবং ডকুমেন্ট প্যাসেজগুলিতে পর্যালোচনা মন্তব্যগুলি সমর্থন করে। অনুমোদিত ব্যক্তি এবং এজেন্টরা একসাথে এই মন্তব্যগুলির মাধ্যমে কাজ করতে পারে।

এটি আলোচনাকে পর্যালোচনা করা বিষয়টির কাছাকাছি রাখে।

ধাপ 5: এজেন্টকে কাজ চালিয়ে যেতে দিন

এখন আপনি একটি সংযুক্ত এজেন্টকে বলতে পারেন:

এই AgentGrid আর্টিফ্যাক্টটি খুলুন এবং তারিখ ফিল্টারটি ঠিক করুন। বিদ্যমান লেআউটটি রাখুন এবং একই নিদর্শনটি আপডেট করুন।

প্রকৃত আর্টিফ্যাক্ট ইউআরএল অন্তর্ভুক্ত করুন।

এজেন্ট নিদর্শনটি পরিদর্শন এবং আপডেট করতে পারে যদি এটির প্রয়োজনীয় অ্যাক্সেস এবং ক্ষমতা থাকে।

পরিবর্তনগুলি একই সংস্করণের ইতিহাসে প্রদর্শিত হয়, যা তাদের তৈরি করা এজেন্টের জন্য দায়ী। ফলাফলটি পর্যালোচনা করতে আপনার সতীর্থ একই নিদর্শনে ফিরে যেতে পারেন।

দেখুন AgentGrid সংস্করণের ইতিহাস.

Claude, ChatGPT, Cursor এবং Codex সম্পর্কে কী?

কিছু এআই সরঞ্জামগুলিতে ইতিমধ্যে দরকারী নেটিভ শেয়ারিং ক্ষমতা রয়েছে।

Claude তার বাস্তুতন্ত্রের মধ্যে সমর্থিত নিদর্শনগুলি ভাগ করতে পারে। কোড পর্যালোচনা করার জন্য GitHub দুর্দান্ত। উন্নয়ন প্ল্যাটফর্মগুলি পূর্বরূপ স্থাপনা সরবরাহ করতে পারে।

কেবল কিছু ভাগ করে নেওয়ার জন্য আপনাকে সেই ওয়ার্কফ্লোগুলি প্রতিস্থাপন করার দরকার নেই।

পরবর্তী পদক্ষেপের সাথে জড়িত থাকলে AgentGrid দরকারী একই নিদর্শনে কাজ করা মানুষ এবং এজেন্টরাবিশেষ করে বিভিন্ন এআই টুলস জুড়ে।

উদাহরণস্বরূপ, আপনার দল একটি ইন্টারফেসের খসড়া তৈরি করতে Claude ব্যবহার করতে পারে, Codex এর আচরণ পরিমার্জন করতে এবং একজন মানব পর্যালোচক প্রতিক্রিয়া ছেড়ে দিতে পারে।

ভাগ করা নিদর্শনটি সেই কাজের জন্য একটি সাধারণ গন্তব্য সরবরাহ করে।

এর পরিবর্তে কখন প্রকাশ করা উচিত?

যদি কাজটি আপনার কর্মক্ষেত্রের বাইরের লোকদের জন্য তৈরি করা হয় – যেমন কোনও ক্লায়েন্ট যার পাবলিক ডেমো প্রয়োজন – আপনি এটি প্রকাশ করতে চাইতে পারেন।

AgentGrid সমর্থিত অ্যাপ প্রকাশ করতে পারেন এবং সর্বজনীন URL-এ Markdown নিদর্শনগুলি প্রকাশ করতে পারেন।

তবে শেয়ার করা এবং প্রকাশ করা একই কাজ নয়।

একটি ব্যক্তিগত নিদর্শন লিঙ্কের জন্য অনুমোদিত কর্মক্ষেত্র অ্যাক্সেস প্রয়োজন। একটি প্রকাশিত স্থাপনা সর্বজনীনভাবে অ্যাক্সেসযোগ্য। নিদর্শনের পরবর্তী পরিবর্তনগুলি সেই পাবলিক পৃষ্ঠায় উপস্থিত হওয়ার আগে আবার প্রকাশ করা দরকার।

কেবল তখনই প্রকাশ করুন যখন আপনি যা চান তা হয়।

এজেন্ট শেষ হলে জিজ্ঞাসা করার জন্য আরও ভাল প্রশ্ন

“ফাইলগুলি রফতানি” দিয়ে প্রতিটি কোডিং সেশন শেষ করার পরিবর্তে, জিজ্ঞাসা করুন:

এর পরে কার দরকার এবং এটি দিয়ে তাদের কী করা দরকার?

যদি কোনও বিকাশকারীকে কোডটি মার্জ করার প্রয়োজন হয় তবে একটি পুল অনুরোধ তৈরি করুন।

যদি কারও অ্যাপ্লিকেশনটি পরীক্ষা করার প্রয়োজন হয় তবে তাদের একটি কার্যকরী পূর্বরূপ দিন।

যদি মানুষ এবং এজেন্টদের একসাথে কাজ পর্যালোচনা এবং চালিয়ে যাওয়ার প্রয়োজন হয় তবে এটিকে একটি ভাগ করা বাড়ি দিন।

এআই কোডিং সেশনের আউটপুট ওয়ার্কফ্লোর শেষ হতে হবে না। এটি অন্য সবার জন্য প্রারম্ভিক পয়েন্ট হতে পারে।

👉 অন্বেষণ করুন AgentGrid।

FAQs

Yes. You can copy the artifact source into Anima Playground, or use the Anima MCP from inside Claude. Anima gives you a normal browser link that anyone can open, with no Claude account or Claude seat required to view.
Paste the React code into Anima Playground. It runs in the browser with no local setup, no repo, no build step, and no deploy configuration. You also get a shareable link to the running app.
Yes. The app stays editable in Anima Playground. You can change the code and keep using the same shareable link, instead of exporting or redeploying every time.
No. Anima Playground supports HTML, React, and Markdown, so it works for static pages, interactive components, and more app-like agent outputs.