একই প্রম্পট, একই ডায়াগ্রাম
Prateek Rai tldraw-canvas-kit রিলিজ করেছেন, যা ১৯টি “Agent Skills”-এর একটি সংগ্রহ। এটি Claude Code বা Cursor-এর মতো লোকাল AI অ্যাসিস্ট্যান্টগুলোকে অফলাইন tldraw ডেস্কটপ অ্যাপ পরিচালনা করতে এবং প্রতিবার হুবহু একই ইঞ্জিনিয়ারিং ডায়াগ্রাম তৈরি করতে সাহায্য করে। এই কিটটি কোনো ক্লাউড কানেকশন বা টেলিমেট্রি ছাড়াই কাজ করে, যার অর্থ হলো টিমগুলো তাদের ভিজ্যুয়াল অ্যাসেটগুলো সম্পূর্ণ অন-প্রিমিসেস (on-premises) রাখতে পারে।
কেন একটি লোকাল, ডিটারমিনিস্টিক (deterministic) ডায়াগ্রাম টুল গুরুত্বপূর্ণ
ইঞ্জিনিয়ারিং টিমগুলো স্লাইড ডেক, ডকুমেন্টেশন সাইট এবং ডিজাইন টুলের মধ্যে ফ্লোচার্ট, ক্লাস ডায়াগ্রাম এবং আর্কিটেকচার ম্যাপ স্থানান্তরের জন্য ঘণ্টার পর ঘণ্টা ব্যয় করে। প্রতিটি কপি-পেস্ট ধাপে সূক্ষ্ম পরিবর্তন ঘটে—লাইনের স্টাইল বদলে যায়, আইডিগুলো পুনরায় তৈরি হয়, লেআউট সরে যায়। যখন কোনো LLM দ্বারা একটি ডায়াগ্রাম পুনরায় তৈরি করা হয়, তখন টেক্সট প্রম্পট অপরিবর্তিত থাকলেও ফলাফল প্রায়শই ভিন্ন বিন্যাসের হয়। যেসব প্রতিষ্ঠানের অডিট-রেডি ডকুমেন্টেশন বা পুনরুৎপাদনযোগ্য (reproducible) ডিজাইন আর্টিফ্যাক্ট প্রয়োজন, তাদের জন্য এই পরিবর্তনশীলতা একটি ঝুঁকি।
Prateek দুটি সমস্যার সমাধান করতে tldraw-canvas-kit তৈরি করেছেন: (১) এমন একটি টুল যা সম্পূর্ণ ব্যবহারকারীর মেশিনে চলে, এবং (২) একটি গ্যারান্টি যে একই প্রম্পট থেকে একই ডায়াগ্রাম তৈরি হবে। একটি লোকাল HTTP API প্রদান করার মাধ্যমে, যা AI এজেন্ট কল করতে পারে, এই কিটটি নেটওয়ার্ক ল্যাটেন্সি, ডেটা-এক্সফিল্ট্রেশন ঝুঁকি এবং SaaS সাবস্ক্রিপশনের প্রয়োজনীয়তা দূর করে।
কিটটি যেভাবে কাজ করে
- Offline core – tldraw ডেস্কটপ অ্যাপ একটি লোকাল সার্ভার চালায় যা JSON-encoded কমান্ড গ্রহণ করে। কোনো এক্সটার্নাল কল করা হয় না এবং কোনো ব্যবহারের ডেটা মেশিন থেকে বাইরে যায় না।
- Agent Skills – প্রতিটি স্কিল একটি নির্দিষ্ট স্ট্রাকচার স্পেসিফিকেশন এনকোড করে: লেআউট ম্যাথ, স্টেনসিল চয়েস এবং স্টেবল আইডি। যখন একটি এজেন্ট একটি স্কিল কল করে, তখন এটি ড্রয়িং ইন্সট্রাকশনের একটি ডিটারমিনিস্টিক সেট পায়।
- Idempotent updates – যদি কোনো স্কিল বিদ্যমান ডায়াগ্রামের ওপর চালানো হয়, তবে এটি ইন-প্লেস শেপগুলো আপডেট করে, অপ্রয়োজনীয় এলিমেন্টগুলো সরিয়ে ফেলে এবং এজ (edge) গুলোকে পুনরায় অ্যাঙ্কর করে। এর ফলে একটি ক্যানভাস পাওয়া যায় যা ডুপ্লিকেট অবজেক্ট জমা না করেই রিফ্রেশ করা সম্ভব।
- File format – ডায়াগ্রামগুলো সাধারণ .tldraw ফাইল হিসেবে সংরক্ষিত হয়। যেহেতু লেআউট লজিক ফাইলের ভেতরেই থাকে, তাই একটি ডেক শেয়ার করলে স্বয়ংক্রিয়ভাবে সেই ভিউটি পুনরুৎপাদন করার জন্য প্রয়োজনীয় নেভিগেশন রুলসও অন্তর্ভুক্ত থাকে।
এই কিটটি তেরোটি ডায়াগ্রাম ক্যাটাগরি সাপোর্ট করে, যার মধ্যে সিকোয়েন্স এবং ফ্লোচার্ট থেকে শুরু করে ER ডায়াগ্রাম, স্টেট মেশিন, সুইমলেন, ইউজ-কেস, কম্পোনেন্ট, প্যাকেজ, ডিপ্লয়মেন্ট, আর্কিটেকচার, মাইন্ড ম্যাপ এবং কোড-বেস ম্যাপ অন্তর্ভুক্ত। ব্যবহারকারীরা কেবল কাঙ্ক্ষিত ডায়াগ্রামটি বর্ণনা করবেন; স্কিলটি এর অন্তর্নিহিত কাঠামোটি সামলে নেবে।
ডেভেলপমেন্টের সময় শেখা শিক্ষাগুলো
- Arrow styling defaults to a hand-drawn look – এমনকি যখন একটি ক্লিন লাইনের অনুরোধ করা হয়, API প্রাথমিকভাবে একটি স্কেচ-স্টাইল অ্যারো তৈরি করে। স্টাইল পরিবর্তন করার জন্য স্কিলটিকে একটি ফলো-আপ কমান্ড দিতে হয়।
- Arrows can intersect shapes silently – যদি কোনো কানেক্টর কোনো নোডের মধ্য দিয়ে যায়, তবে API কোনো এরর (error) দেখায় না। এই ধরনের সংঘর্ষ ধরার জন্য জেনারেট করা স্ক্রিনশটগুলোর ভিজ্যুয়াল ইন্সপেকশন প্রয়োজন।
- Edge-label wrapping breaks on short arrows – কানেক্টরটি খুব ছোট হলে লেবেলগুলো খারাপভাবে র্যাপ (wrap) হতে পারে, তাই স্কিলটিকে একটি ন্যূনতম দৈর্ঘ্য নিশ্চিত করতে হবে অথবা লেবেলের অবস্থান পরিবর্তন করতে হবে।
এই বৈশিষ্ট্যগুলো দেখায় কেন স্কিলগুলো API সম্পর্কে কোনো অনুমানের পরিবর্তে এর প্রকৃত আচরণের ওপর ভিত্তি করে তৈরি করা হয়েছে।
কিটটি ইনস্টল এবং ব্যবহার করা
npx skills add prateek11rai/tldraw-canvas-kit
এই কমান্ডটি macOS এবং Linux-এ কাজ করে। ইনস্টল করার পর, একই ওয়ার্কস্টেশনে থাকা একটি AI এজেন্ট লোকাল ডকুমেন্ট কুয়েরি করতে পারে, কোড জেনারেট করতে পারে এবং চলমান tldraw সার্ভারে ড্রয়িং কমান্ড পাঠাতে পারে। এর ফলাফল হলো একটি পুনরুৎপাদনযোগ্য ডায়াগ্রাম যা হোস্ট থেকে বের না করেই আরও এডিট করা বা প্রেজেন্টেশনে এক্সপোর্ট করা সম্ভব।
কারা উপকৃত হবেন এবং এর সীমাবদ্ধতাগুলো কী কী
- Security-focused teams – কঠোর ডেটা-হ্যান্ডলিং পলিসি থাকা কোম্পানিগুলো তাদের সমস্ত ডিজাইন আর্টিফ্যাক্ট ফায়ারওয়ালের পেছনে রাখতে পারে।
- Documentation engineers – যাদের ভার্সন-কন্ট্রোলড রিপোজিটরিতে ডায়াগ্রাম এমবেড করা প্রয়োজন, তারা একটি ডিটারমিনিস্টিক সোর্স অফ ট্রুথ (source of truth) পাবেন।
- Individual contributors – ডেভেলপাররা যারা প্রতিবার LLM রান করার পর ম্যানুয়ালি লেআউট ঠিক করতে করতে ক্লান্ত, তারা এই প্রক্রিয়াটি স্বয়ংক্রিয় করতে পারেন।
প্রধান সীমাবদ্ধতা হলো লোকালি চলা একটি tldraw ইন্সট্যান্সের ওপর নির্ভরতা। যেসব প্রতিষ্ঠান ইতিমধ্যে ক্লাউড-ভিত্তিক ডায়াগ্রাম সার্ভিসের ওপর নির্ভরশীল, তাদের ডেস্কটপ অ্যাপটি গ্রহণ করতে হবে এবং ওয়ার্কফ্লো পরিবর্তন করতে হবে। উপরন্তু, বর্তমান স্কিল সেটটি কাস্টম স্টেনসিল লাইব্রেরি কভার করে না; ব্যবহারকারীদের পূর্বনির্ধারিত শেপগুলোর মধ্যেই কাজ করতে হবে।
পরবর্তী পদক্ষেপ
প্রতীক কমিউনিটির ফিডব্যাকের ভিত্তিতে স্কিল লাইব্রেরি সম্প্রসারণ করার এবং Windows-এর জন্য সাপোর্ট যোগ করার পরিকল্পনা করছেন, যা সম্ভাব্য ব্যবহারকারীর সংখ্যা বৃদ্ধি করবে। তিনি আরও আশা করেন যে থার্ড-পার্টি এজেন্টরা এই কিটটি ইন্টিগ্রেট করবে, যা বিশেষায়িত ডায়াগ্রাম জেনারেটরদের একটি মার্কেটপ্লেস তৈরি করবে এবং তারা সবাই একই ডিটারমিনিস্টিক কোর ব্যবহার করবে।
সারসংক্ষেপ
tldraw-canvas-kit প্রমাণ করে যে AI-চালিত ডায়াগ্রাম তৈরি করা শুধুমাত্র ক্লাউড-নির্ভর বা একটি সম্ভাব্যতামূলক প্রক্রিয়া হওয়ার প্রয়োজন নেই। ড্রয়িং লজিককে একটি লোকাল API-তে ভিত্তি করে এবং স্ট্যাবল আইডেন্টিফায়ার নিশ্চিত করার মাধ্যমে, এটি ইঞ্জিনিয়ারদের গোপনীয়তা বা নিয়ন্ত্রণ বিসর্জন না দিয়েই পুনরাবৃত্তিযোগ্য এবং অডিট-রেডি ভিজ্যুয়াল তৈরি করার সুযোগ করে দেয়।