Diagram Design: إضافة لرسم مخططات تحريرية أنيقة في Claude Code

مجانًا

اجعل Claude Code يرسم مخططات واضحة بأسلوب تحريري: بنية الأنظمة، ومخططات التدفق والتسلسل، والخطوط الزمنية، ورحلات المستخدم وغيرها، في ملفات HTML مستقلة مع تصدير إلى SVG و PNG، وبألوان علامتك إن شئت. الإضافة الأصلية مع دليل عربي، مجانًا.

  • مجاني، ولا يتطلب أي دفع
  • تنزيل فوري بعد إتمام الطلب
  • مشترياتك محفوظة في حسابك

Diagram Design إضافة لـ Claude Code ترسم نحو أربعين نوعًا من المخططات بأسلوب تحريري صارم: لون مميز لعنصر أو عنصرين فقط، وخطوط رفيعة بلا ظلال، وتباعد مضبوط على شبكة ثابتة. يختار Claude نوع المخطط المناسب ويذكر خطته قبل الرسم، ثم يسلّمك ملف HTML مستقلًا يمكن تصديره إلى SVG أو PNG. وتستطيع الإضافة تطبيق ألوان علامتك وخطوطها، وإعادة رسم ملفاتك من draw.io وMermaid وExcalidraw.

ماذا ستحصل عليه

  • ملفات الإضافة الأصلية دون تعديل من نسخة المشروع 2026.09.10: المهارة ومراجعها وقوالبها وأمثلتها، وستة أوامر للتصدير والاستيراد وملفات التعريف والفحص.
  • دليل عربي للتثبيت من متجر الإضافات في Claude Code، مع ما تحتاجه لتصدير PNG وأمثلة طلبات جاهزة للنسخ.
  • راجعتُ ملفاتها قبل نشرها، وذكرتُ في الدليل ما تكتبه على جهازك وما تحتاج فيه إلى الإنترنت.

لمن هذه الحزمة؟

للمهندسين ومديري المنتجات والاستشاريين وأصحاب المشاريع الذين يحتاجون إلى مخططات واضحة للمستندات والعروض والمقترحات دون قضاء الوقت في أدوات الرسم.

التثبيت

تُثبَّت من متجر الإضافات داخل Claude Code بأمرين. تحتاج إلى Python 3.10 أو أحدث لاستيراد الملفات، وإلى Playwright وChromium لتصدير PNG فقط. الخطوات كاملة في الدليل العربي داخل الحزمة.

حدودها

تعمل في Claude Code ولا تتوفر لها نسخة للرفع في تطبيق Claude. مخرجاتها HTML وSVG وPNG، وتقسّم المخطط الذي يتجاوز تسع عقد في الوضع المعتاد إلى مخطط عام ومخططات تفصيلية. تحمّل المخططات خطوطها من Google Fonts عند فتحها، ولا تتناول قواعدها الخطوط العربية.