Claude Code-এ Artifacts: অপারেটরদের গাইড
Anthropic তাদের Claude Code-এ artifacts যুক্ত করেছে। এই ফিচারটি আপনার কোডিং কাজকে লাইভ ওয়েব পেজে রূপান্তরিত করে যা আপনি আপনার টিমের সাথে শেয়ার করতে পারেন।
Artifacts কোনো স্ট্যাটিক ফাইল নয়। এগুলো হলো ইন্টারঅ্যাক্টিভ HTML পেজ। আপনি কাজ করার সাথে সাথে এগুলো আপডেট হয়। ভিউ তৈরি করতে এগুলো আপনার আসল কোড, ফাইল এবং টেস্ট রেজাল্ট ব্যবহার করে।
আপনি এগুলো ব্যবহার করতে পারেন:
- code diffs সহ PR walkthrough
- সিস্টেম আর্কিটেকচার ডায়াগ্রাম
- ইন্টারঅ্যাক্টিভ ড্যাশবোর্ড
- লাইভ ইনসিডেন্ট স্ট্যাটাস পেজ
- সিকিউরিটি এবং লাইসেন্স অডিট
এগুলো কীভাবে ব্যবহার করবেন:
- সাইন ইন করুন: আপনার Claude Code সেশনে
/loginরান করুন। - জিজ্ঞাসা করুন: Claude-কে একটি ড্যাশবোর্ড বা ডায়াগ্রাম তৈরি করতে বলুন।
- তৈরি করুন: Claude HTML পেজটি জেনারেট করে।
- শেয়ার করুন: আপনার টিমের কাছে একটি প্রাইভেট লিঙ্ক পাঠাতে শেয়ার বাটনে ক্লিক করুন।
প্রাপ্যতা এবং গোপনীয়তা:
- এটি Team এবং Enterprise প্ল্যানের জন্য Beta ভার্সনে রয়েছে।
- Individual প্ল্যানগুলোতে এখনও এর অ্যাক্সেস নেই।
- Artifacts গুলো প্রাইভেট। আপনার প্রতিষ্ঠানের শুধুমাত্র অথেন্টিকেটেড মেম্বাররাই এগুলো দেখতে পাবেন।
ডিজাইন এবং কোডের মধ্যকার ব্যবধান কমাতে Anthropic তাদের Claude Design-কেও আপডেট করেছে। আপনি এখন /design-sync কমান্ডটি ব্যবহার করতে পারেন।
/design-sync ওয়ার্কফ্লো:
- GitHub থেকে আপনার ডিজাইন সিস্টেম Claude Design-এ পুল (pull) করুন।
- আপনার টার্মিনালে
/design-syncব্যবহার করে সেই ডিজাইনগুলোকে আপনার কোডে নিয়ে আসুন। - ভিজ্যুয়াল এডিটের জন্য কোডটি আবার Claude Design-এ পুশ (push) করুন।
এটি একটি পূর্ণাঙ্গ লুপ তৈরি করে। আপনি AI সিস্টেম না ছেড়েই ডিজাইন থেকে কোড এবং তারপর ডকুমেন্টেশনে যেতে পারেন।
এটি একটি বড় সমস্যার সমাধান করে। সাধারণত, AI কোডিং কাজ টার্মিনালে লুকিয়ে থাকে। এরপর ডেভেলপারদের ম্যানুয়ালি Slack বা Jira-তে আপডেট লিখতে হয়। Artifacts কাজটিকে তাৎক্ষণিকভাবে দৃশ্যমান করে তোলে।
কাজই হয়ে ওঠে যোগাযোগ।
Source: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0
Optional learning community: https://t.me/GyaanSetuAi