baoyu-design خدام

baoyu-design هو مشروع مفتوح المصدر دارو باويو، كيحوّل محرّك التصميم ديال claude.ai لـ Agent Skill قابل للنقل، باش Cursor وClaude Code وCodex وأكثر من 70 Agent محلي يقدرو يولّدو مباشرة واجهات UI عالية الدقة، نماذج أولية، عروض تقديمية، أنظمة تصميم ولوحات بيانات. المنتوجات اللي كتتولد هي ملفات محلية صافية، ويمكن تدخّلها فـ Git باش تتراقب الإصدارات؛ كيدعم التعاون بين أدوار متعددة داخل الشبكة المحلية وتاريخ الإصدارات، وكيقدّم إضافة DeepSeek Harness.

تابع الحساب فـ WeChat وجاوب بـ“开源” باش تنضم لمجموعة مشاريع الذكاء الاصطناعي مفتوحة المصدر
توليد العروض التقديمية (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+، وتأكد بلي عندك محلياً شي Agent من Cursor أو Claude Code أو Codex.
ثبّت المهارات: شغّل 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 وأكثر من 70 Agent، غير ثبّتهم وبدا تستعملهم، بلا ما تبقى مربوط بمنصة وحدة.
المنتوج هو المصدر: التوليد كيكون فملفات مستقلة بحال HTML، وتقدر تدخلها مباشرة لـ Git وPR ومستودع المشروع.
بلا تبديل بين التصميم والتطوير: فـ نفس الجلسة تقدر تعطي التصميم مباشرة لـ Agent باش ينفّذ الوظائف، بلا تصدير ولا رفع.
عدّل بالضبط فين بغيتي: نقّر على العنصر فمعاينة المتصفح وخلي Agent يعدّلو بدقة، وبفعالية أكبر بزاف من التبديل المتكرر بين المحرّرات فالنسخة السحابية.
تعاون جماعي داخل الشبكة المحلية: ولّد بنقرة وحدة روابط محلية مميّزة حسب الدور، وبلا حاجة لتسجيل الدخول.

تصميم النماذج الأولية للمنتوج: مديرو المنتوجات أو المطوّرون المستقلون كيستعملو اللغة الطبيعية باش يولّدو بسرعة واجهات App عالية الدقة ونماذج أولية تفاعلية، وحتى قبل الاجتماع بنص ساعة يقدرو يخرجو 3 اقتراحات للمراجعة والاختيار.
عروض التقديم والـ pitch: رواد الأعمال أو الموظفون كيعطيو PRD وبيانات التقارير المالية لـ Agent، وفدقائق كيولّد ليهم عرضاً فصلياً أو عرض pitch للتمويل وفق نظام تصميم، ويصدّرو مباشرة لـ PPTX/PDF.
بناء لوحات البيانات: فرق العمليات أو المحللون كيعطيو بيانات CSV/JSON ديال النشاط لـ claude-dashboard، وكيولّد أوتوماتيكياً لوحة بيانات كتتحدّث فورياً، وكل مؤشر يمكن التعمق فيه وتتبعو حتى للسطر الأصلي فالبيانات.
ترسيخ نظام التصميم: الفريق كيجمع قرارات التصميم المتفرقة فـ design-system فيه دليل للعلامة التجارية، وكيشاركو عبر مستودع Git مع جميع المشاريع، باش تبقى الهوية البصرية موحّدة بين خطوط المنتوجات المختلفة.