baoyu-design চালু আছে

baoyu-design হলো বাওইউর ওপেন-সোর্স প্রকল্প, যা claude.ai-এর ডিজাইন ইঞ্জিনকে একটি বহনযোগ্য Agent Skill হিসেবে প্যাকেজ করে। এর মাধ্যমে Cursor, Claude Code, Codex-সহ ৭০টিরও বেশি স্থানীয় Agent সরাসরি উচ্চমানের UI মকআপ, প্রোটোটাইপ, স্লাইড, ডিজাইন সিস্টেম এবং ডেটা ড্যাশবোর্ড তৈরি করতে পারে। তৈরি হওয়া ফলাফল স্থানীয় সাধারণ ফাইল হিসেবে থাকে এবং Git ভার্সন কন্ট্রোলে রাখা যায়; এটি লোকাল নেটওয়ার্কে একাধিক ভূমিকায় সহযোগিতা ও ভার্সন ইতিহাস সমর্থন করে এবং DeepSeek Harness প্লাগইন প্রদান করে।

WeChat-এ ফলো করে “开源” (ওপেন সোর্স) লিখে উত্তর পাঠান, AI ওপেন-সোর্স প্রকল্পের আলোচনা গ্রুপে যোগ দিন
স্লাইড তৈরি (claude-slides): প্রাকৃতিক ভাষায় সম্পূর্ণ স্লাইড তৈরি করুন। স্থানীয় এডিটরে উপস্থাপন, লেখা সম্পাদনা ও ড্র্যাগ-অ্যান্ড-ড্রপ সমর্থিত; PDF/HTML/PPTX হিসেবে রপ্তানি করা যায়।
একাধিক ক্যানভাসের ডিজাইন ক্যানভাস (claude-design): পাশাপাশি একাধিক ক্যানভাস পরিচালনা করুন, ইন্টার‌্যাক্টিভ প্রোটোটাইপ চালান এবং HTML/PDF/PNG হিসেবে রপ্তানি করুন।
ডিজাইন সিস্টেম তৈরি (claude-design-system): tokens, ব্র্যান্ড ম্যানুয়াল ও কম্পোনেন্ট প্রিভিউ তৈরি করে; এডিটরে সরাসরি রং, ফন্ট ও কম্পোনেন্ট দেখা ও সম্পাদনা করা যায়।
ডেটা ড্যাশবোর্ড (claude-dashboard): CSV/TSV/JSON ডেটাসেটকে রিয়েল-টাইম চার্ট পেজে রূপান্তর করে; প্রতিটি সংখ্যা মূল ডেটা সারিতে অনুসরণ করা যায়।
চার্ট ডিজাইন নির্দেশিকা (dataviz): Agent যেকোনো চার্ট আঁকার আগে পড়ার জন্য বাধ্যতামূলক নিয়মাবলি, যা পাঠযোগ্য ও বর্ণান্ধবান্ধব রঙ নিশ্চিত করে।
প্রিভিউতে ক্লিক করে সম্পাদনা: Agent-এর ব্রাউজার প্রিভিউতে কোনো উপাদানে ক্লিক করে সরাসরি সংশোধনের মতামত দিন, স্বয়ংক্রিয়ভাবে সোর্স কোডে অবস্থান নির্ধারণ করে পরিবর্তন করা হবে।
লোকাল নেটওয়ার্ক সহযোগিতা: এক ক্লিকে ভূমিকা অনুযায়ী আলাদা লোকাল নেটওয়ার্ক লিংক তৈরি করুন; অ্যাকাউন্ট ছাড়াই সহযোগিতায় যোগ দেওয়া যায়।

পরিবেশ প্রস্তুত করুন: Node.js 20+ ইনস্টল করুন এবং স্থানীয়ভাবে Cursor, Claude Code, Codex ইত্যাদির যেকোনো একটি Agent আছে তা নিশ্চিত করুন।
স্কিল ইনস্টল করুন: npx skills add JimLiu/baoyu-design চালান। CLI স্বয়ংক্রিয়ভাবে Agent শনাক্ত করে সংশ্লিষ্ট ডিরেক্টরিতে স্কিল ইনস্টল করবে।
মডেল নির্বাচন করুন: সর্বোত্তম ডিজাইন ফলাফলের জন্য Agent-এ মডেল হিসেবে Claude Opus 5.5 সেট করুন।
চাহিদা জানান: প্রাকৃতিক ভাষায় কাঙ্ক্ষিত ফলাফল বর্ণনা করুন, যেমন ”আমার জন্য একটি ত্রৈমাসিক প্রতিবেদন উপস্থাপনা তৈরি করুন”, অথবা /claude-slides, /claude-design ইত্যাদি স্ল্যাশ কমান্ড লিখে নির্দিষ্ট স্কিল চালান।
তৈরি হওয়ার জন্য অপেক্ষা করুন: Agent designs// ডিরেক্টরিতে ফাইল তৈরি করে স্থানীয় এডিটর চালু করবে এবং আপনাকে http://127.0.0.1 ঠিকানা দেবে।
প্রিভিউ ও সম্পাদনা: ব্রাউজারে এডিটর খুলে উপাদানে ক্লিক করে সম্পাদনা, ড্র্যাগ করে বিন্যাস পরিবর্তন এবং প্রোটোটাইপ উপস্থাপন করতে পারবেন; পরিবর্তনগুলো রিয়েল টাইমে ফাইলে সংরক্ষিত হবে।
সহযোগিতায় শেয়ার করুন (ঐচ্ছিক): artifact.mjs share designs/ চালিয়ে লোকাল নেটওয়ার্ক লিংক তৈরি করুন। দলের সদস্যরা ভূমিকা অনুযায়ী সম্পাদনা বা মন্তব্যে যোগ দিতে পারবেন।
ভার্সন ব্যবস্থাপনা (ঐচ্ছিক): ফলাফল সাধারণ ফাইল হওয়ায় Git দিয়ে সরাসরি ডিজাইন মকআপের কমিট, ব্রাঞ্চ ও PR পরিচালনা করতে পারবেন।
রপ্তানি ও সরবরাহ: এডিটরে এক ক্লিকে PDF, HTML, PPTX বা PNG হিসেবে রপ্তানি করে ক্লায়েন্টকে দিন বা উপস্থাপনায় ব্যবহার করুন।

GitHub রিপোজিটরি: https://github.com/JimLiu/baoyu-design

সম্পূর্ণ স্থানীয়ভাবে চলে: claude.ai-এর ডিজাইন ইঞ্জিনকে স্থানীয় Agent-এ নিয়ে আসে, ফলাফল সরাসরি নিজের রিপোজিটরিতে সংরক্ষিত হয় এবং ক্লাউডের ওপর নির্ভর করতে হয় না।
Agent ইকোসিস্টেমে সর্বজনীন: Cursor, Claude Code, Codex, Cline-সহ ৭০টিরও বেশি Agent ইনস্টল করলেই ব্যবহার করা যায়; কোনো একটি প্ল্যাটফর্মের সীমাবদ্ধতা নেই।
ফলাফলই সোর্স কোড: স্বয়ংসম্পূর্ণ HTML-সহ সাধারণ ফাইল তৈরি হয়, যা সরাসরি Git ভার্সন কন্ট্রোল, PR ও প্রকল্প রিপোজিটরিতে রাখা যায়।
ডিজাইন ও ডেভেলপমেন্টে переключনের প্রয়োজন নেই: একই সেশনে ডিজাইন মকআপ সরাসরি Agent-কে দিয়ে ফিচার বাস্তবায়ন করানো যায়, রপ্তানি বা আপলোডের দরকার নেই।
যেখানে নির্দেশ, সেখানেই পরিবর্তন: ব্রাউজার প্রিভিউতে উপাদানে ক্লিক করলেই Agent-কে নির্ভুলভাবে পরিবর্তন করতে বলা যায়; ক্লাউড সংস্করণে বারবার এডিটর বদলানোর চেয়ে এটি বহুগুণ দক্ষ।
লোকাল নেটওয়ার্কে একাধিক ব্যক্তির সহযোগিতা: এক ক্লিকে ভূমিকা অনুযায়ী আলাদা লোকাল নেটওয়ার্ক লিংক তৈরি করা যায়, অ্যাকাউন্ট লগইনের প্রয়োজন নেই।

পণ্য প্রোটোটাইপ ডিজাইন: পণ্য ব্যবস্থাপক বা স্বতন্ত্র ডেভেলপার প্রাকৃতিক ভাষায় দ্রুত উচ্চমানের অ্যাপ ইন্টারফেস ও ইন্টার‌্যাক্টিভ প্রোটোটাইপ তৈরি করতে পারেন; মিটিংয়ের আধা ঘণ্টা আগে পর্যালোচনার জন্য ৩টি方案 তৈরি করা যায়।
পিচ ও প্রতিবেদন উপস্থাপনা: উদ্যোক্তা বা পেশাজীবী PRD ও আর্থিক তথ্য Agent-কে দিলে কয়েক মিনিটে একটি সুনির্দিষ্ট ডিজাইন-সমৃদ্ধ ত্রৈমাসিক প্রতিবেদন বা বিনিয়োগ পিচ ডেক তৈরি হয়, যা সরাসরি PPTX/PDF হিসেবে রপ্তানি করা যায়।
ডেটা ড্যাশবোর্ড তৈরি: অপারেশন বা বিশ্লেষক CSV/JSON ব্যবসায়িক ডেটা claude-dashboard-এ দিলে স্বয়ংক্রিয়ভাবে রিয়েল-টাইম আপডেট হওয়া ডেটা ড্যাশবোর্ড তৈরি হয়; প্রতিটি মেট্রিক বিস্তারিতভাবে অনুসরণ করে মূল ডেটা সারিতে ফিরে যাওয়া যায়।
ডিজাইন সিস্টেম সংরক্ষণ: দলটি বিচ্ছিন্ন ডিজাইন সিদ্ধান্তগুলো ব্র্যান্ড ম্যানুয়ালসহ একটি design-system-এ সংগঠিত করে Git রিপোজিটরির মাধ্যমে সব প্রকল্পে বিতরণ করতে পারে, ফলে একাধিক পণ্য লাইনে ভিজ্যুয়াল সামঞ্জস্য বজায় থাকে।