/ الدليل / الملعب / baoyu-skills
← كل الخوادم ↗ GitHub
● مجتمع JimLiu ⚡ فوري

baoyu-skills

بواسطة JimLiu · JimLiu/baoyu-skills

حوّل الأفكار إلى مرئيات قابلة للمشاركة — بطاقات Xiaohongshu ورسوم بيانية معلوماتية ومخططات SVG وعروض شرائح — كلها من prompts بلغة طبيعية.

يُجمّع baoyu-skills أكثر من 20 مهارة محتوى مرئي لـ Claude Code. قوي في تنسيقات الإنترنت الصيني (بطاقات Xiaohongshu، الجاهزة لـ WeChat)، لكن مهارات SVG/الرسوم المعلوماتية/الشرائح محايدة اللغة. يتضمن توجيه متعدد المزودين لتوليد الصور (OpenAI, Google, DashScope, MiniMax) وأدوات محتوى مثل استخراج نصوص YouTube وتحويل URL إلى markdown.

▶ شاهد العرض 📦 التثبيت 💡 حالات الاستخدام

لماذا تستخدمه

الميزات الأساسية

عرض مباشر

كيف يبدو في الممارسة

جاهز

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "baoyu-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "baoyu-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/JimLiu/baoyu-skills",
        "~/.claude/skills/baoyu-skills"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json
{
  "context_servers": {
    "baoyu-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/JimLiu/baoyu-skills",
          "~/.claude/skills/baoyu-skills"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add baoyu-skill -- git clone https://github.com/JimLiu/baoyu-skills ~/.claude/skills/baoyu-skills

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: baoyu-skills

توليد سلسلة 9 بطاقات Xiaohongshu من مقال

👤 منشئو المحتوى على RED / Xiaohongshu ⏱ ~15 min beginner

متى تستخدمه: كتبت مقالاً طويلاً وتحتاج مرئيات بطاقات مربعة للمنصة.

المتطلبات الأساسية
  • المهارة مثبتة — git clone https://github.com/JimLiu/baoyu-skills ~/.claude/skills/baoyu-skills
الخطوات
  1. اختيار التخطيط والنمط
    Use baoyu-skills. From article.md, generate a 9-card Xiaohongshu series in 'minimal' style with serif title font.✓ تم النسخ
    → 9 بطاقات SVG/PNG مُولَّدة، نسبة مربعة
  2. تكرار الغلاف
    Cover (card 1) is too plain — try 'magazine' style with a number badge.✓ تم النسخ
    → متغيرات غلاف جديدة؛ اختر أحدها
  3. التصدير
    Export all 9 cards as PNG at 1080×1080, save to /posts/<slug>/.✓ تم النسخ
    → PNGs جاهزة للرفع

النتيجة: سلسلة بطاقات جاهزة للنشر في أقل من 10 دقائق لكل منشور.

المزالق
  • نص البطاقة يفيض مع الجمل الصينية الطويلة — اطلب من المهارة تلخيص نص كل بطاقة إلى ≤24 حرفاً أو الضغط التلقائي للخط
اجمعها مع: humanizer-skill

بناء رسم معلوماتي من مجموعة بيانات صغيرة

👤 المسوّقون والمحللون وكل من يعرض أرقاماً ⏱ ~20 min beginner

متى تستخدمه: لديك CSV بـ 5-10 إحصاءات وتريد رسماً معلوماتياً واحداً قابلاً للمشاركة.

الخطوات
  1. اختيار التخطيط
    Use baoyu-skills. From data.csv (5 rows), pick the most appropriate of the 21 infographic layouts.✓ تم النسخ
    → توصية تخطيط مع مبرر
  2. التوليد
    Generate it in 'editorial' style. Use my brand colors #0F172A and #38BDF8.✓ تم النسخ
    → مخرج SVG؛ معاينة في المحادثة
  3. الصقل
    Add a 1-line takeaway under each stat. Reduce icon weight by 30%.✓ تم النسخ
    → SVG مصقول

النتيجة: رسم معلوماتي جاهز للمدونة/التواصل الاجتماعي — لا Figma مطلوب.

المزالق
  • 21 تخطيطاً × 17 نمطاً = شلل القرار — دع المهارة تُوصي بناءً على شكل البيانات؛ تدخّل فقط إذا كان لديك رأي قوي
اجمعها مع: filesystem

توليد مخطط معماري SVG من وصف

👤 المهندسون الذين يكتبون الوثائق ⏱ ~12 min beginner

متى تستخدمه: تحتاج مخططاً للنظام لـ README ولا تريد فتح أداة رسم.

الخطوات
  1. وصف النظام
    Use baoyu-skills. Generate a structural diagram for: web client → API gateway → 3 services (auth, billing, content) → Postgres + Redis. Show external dependencies.✓ تم النسخ
    → SVG منتج مع عقد مسماة
  2. الإضافة التوضيحية
    Add HTTP/gRPC labels on edges; mark Postgres as 'primary' and 'replica'.✓ تم النسخ
    → التوضيحات مطبقة

النتيجة: مخطط في المستودع؛ يُعرض في أي مشاهد markdown.

المزالق
  • المخطط يصبح غير مقروء مع عقد كثيرة — قسّمه إلى مخططين (مستوى عالٍ + تفصيل لكل خدمة)؛ لا تحشر أبداً
اجمعها مع: filesystem

تحويل حديث YouTube إلى مسودة مقالة

👤 المدوّنون الذين يُعيدون توظيف محتوى الفيديو ⏱ ~25 min beginner

متى تستخدمه: شاهدت حديثاً رائعاً في مؤتمر وتريد ملخصاً جاهزاً للنشر.

الخطوات
  1. جلب النص
    Use baoyu-skills YouTube transcript skill on <url>. Translate if non-English.✓ تم النسخ
    → نص منظف في المحادثة
  2. إعادة الهيكلة
    Convert to a 1200-word post: hook, 4 sections matching the talk's arc, takeaways. Cite timestamps.✓ تم النسخ
    → مسودة مقالة مع استشهادات بالوقت

النتيجة: مسودة مقالة مدعومة بمصادر في 15 دقيقة.

المزالق
  • النصوص التلقائية تُخطئ في المصطلحات التقنية — اطلب من المهارة وضع علامة على الكلمات منخفضة الثقة؛ تحقق منها في الفيديو
اجمعها مع: humanizer-skill

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

baoyu-skill + humanizer-skill

توليد البطاقات/المنشورات ثم إزالة علامات الذكاء الاصطناعي

Generate the post draft via baoyu-skills, then run humanizer on it before publishing.✓ تم النسخ
baoyu-skill + filesystem

حفظ المخرجات في مستودع المحتوى

Save all generated cards under /content/<slug>/ with a stable naming convention.✓ تم النسخ

الأدوات

ما يوفره هذا الـ MCP

الأداةالمدخلاتمتى تستدعيهاالتكلفة
make_xhs_cards source_text, layout, style, count سلسلة بطاقات لـ RED / Xiaohongshu API توليد الصور لأي صور مُعرضة
make_infographic data, layout, style, palette? تصوير بيانات في صورة واحدة 0 (SVG مُعرَّض من قالب)
make_svg_diagram type (flow|seq|struct|illust), description مخططات للوثائق 0
make_slides outline, theme عروض شرائح سريعة 0
yt_transcript url, translate_to? إعادة توظيف الفيديو 0
url_to_md url الاستشهاد بمقالة ويب بشكل نظيف 0

التكلفة والحدود

تكلفة التشغيل

حصة API
مهارات توليد الصور تعتمد على حصة المزود المختار
الرموز لكل استدعاء
مهارات SVG/القوالب: منخفضة. توليد الصور: يتفاوت حسب النموذج
التكلفة المالية
مجاني (المهارة)؛ ادفع لتوليد الصور إذا استُخدم
نصيحة
استخدم مهارات قوالب SVG (البطاقات، الرسوم المعلوماتية، المخططات) — لا تستدعي نماذج مدفوعة

الأمان

الصلاحيات والأسرار ونطاق الأثر

الحد الأدنى من الصلاحيات: filesystem-write (للمخرجات)
تخزين بيانات الاعتماد: مفاتيح API لتوليد الصور عبر متغيرات البيئة؛ المهارة تقرأ من البيئة، لا ملتزمة
نقل البيانات الخارجي: فقط عند استخدام مهارات توليد الصور الفرعية؛ مهارات SVG/القوالب محلية

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

الحروف الصينية تظهر كمربعات

ثبّت خطاً يدعم CJK؛ المهارة تحتوي قائمة احتياطية لكن نظام التشغيل المحلي قد يفتقر لتطابق

تحقق: تحقق من الخطوط المتاحة؛ ثبّت Noto Sans CJK
مهارة توليد الصور الفرعية تفشل

تحقق من متغير بيئة المزود؛ المزود قد يكون معطلاً أو نفدت رصيده

نص البطاقة يفيض

قدّم نصاً أقصر لكل بطاقة (≤24 حرفاً للعنوان) أو مرّر auto_shrink=true

SVG لا يُعرض في GitHub README

حوّل إلى PNG لـ GitHub (يجرّد بعض علامات SVG)؛ SVG يعمل بشكل جيد في معظم المدونات

البدائل

baoyu-skills مقابل البدائل

البديلمتى تستخدمهاالمقايضة
skyll-skillتريد استوديو بطاقات صور مركّزاً لا حزمة 20 مهارةسطح أقل، تركيز أكثر
AntV mcp-server-chartتحتاج فقط مخططات بيانية، لا بطاقات/رسوم توضيحيةشكل مختلف — تمحور حول المخططات

المزيد

الموارد

📖 اقرأ ملف README الرسمي على GitHub

🐙 تصفح القضايا المفتوحة

🔍 تصفح أكثر من 400 خادم MCP و Skills