جارٍ التحميل…
مهارة ترسم 45 نوعًا من المخطّطات في ملف HTML وSVG واحد مستقل.
تتيح Diagram Design لوكيلك إنتاج مخطّطات بأسلوب تحريري: بنية أنظمة ومربّعات تحليل وتسلسلات وأنواع كثيرة غيرها. كل ناتج ملف .html واحد تفتحه بنقرتين. ويمكنها جلب ألوان موقعك وخطوطه لتطابق المخطّطات هويتك، والاستيراد من draw.io وMermaid وExcalidraw، والتصدير إلى PNG أو SVG.
في Claude Code، اكتب هذه الأوامر واحدًا تلو الآخر:
/plugin marketplace add cathrynlavery/diagram-designأو الصق هذا الطلب في Claude Code ليتولّى التثبيت معك:
ثبّت في Claude Code مهارات «Diagram Design» (https://github.com/cathrynlavery/diagram-design). - اقرأ ملف README واتّبع طريقة التثبيت التي يوصي بها. يذكر ملف README هذا الأمر: `npx skills add cathrynlavery/diagram-design`. - إن كان التثبيت يمرّ بأوامر /plugin فأعطني إيّاها لأكتبها بنفسي؛ وإلا فانسخ كلّ مجلّد مهارة (الذي يحتوي على SKILL.md) إلى ~/.claude/skills. - اشرح لي ما يفعله كلّ أمر قبل تنفيذه. - في النهاية، اعرض المهارات المثبّتة واقترح عليّ أوّل طلب لتجربتها.
بعد التثبيت، جرّب مثلًا:
ارسم مخطّط بنية لتطبيقي: واجهة أمامية وخلفية وقاعدة بيانات وذاكرة Redis.
أريد مربّع تحليل لمشاريع الربع الثاني حسب الأثر والجهد.
أعطني مخطّط تسلسل لاستدعاء برمز حامل مع تجديد عند الخطأ 401.
Onboard diagram-design to https://yoursite.com.
1.0.0