MCP

رسم 18 نوعًا حتميًا من المخططات انطلاقًا من typed JSON

لمن يريد أن يُخرج النموذج SVG/PNG من JSON ولا يقبل DSL أو متصفحًا بلا واجهة؛ بلا تثبيت منفصل، ولتكن المحاولة الأولى رسم flowchart كـ SVG.

Official source · Glyphic

Install

npx -y @glyphicjs/mcp-server

لمن يناسب

لمن يريد أن يُنتج النموذج مخططات من typed JSON ولا يقبل DSL أو متصفحًا بلا واجهة. الصياغة الرسمية هي: النموذج يصف المخطط، وGlyphic يرسمه، deterministic SVG & PNG, 18 types, validated before it draws, no DSL and no headless browser.

هذه diagram infrastructure يمكنك امتلاكها ومواصلة بنائها، وليست استضافة Mermaid عبر الإنترنت. يمكن أن يكون الإخراج SVG، PNG، أو React Flow JSON.

الصفحة الرسمية:

https://github.com/MS-Teja/Glyphic

إكمال المحاولة الأولى في 3 دقائق

اتبع مسار MCP الرسمي فقط: stdio via npx، no install.

claude mcp add glyphic -- npx -y @glyphicjs/mcp-server

التكوين المكافئ يجعل command يساوي npx، وargs يساوي -y و@glyphicjs/mcp-server. لا تبحث عن مثبّت لم يظهر. ذكرت الوثائق الرسمية أيضًا تثبيت المكتبة npm install @glyphicjs/core @glyphicjs/schema؛ في المحاولة الأولى لا تنتقل إلى استدعاءات المكتبة.

المتطلبات المسبقة: يستطيع هذا الجهاز تشغيل npx. حضّر typed JSON يطابق “single validated schema”، واختر أولًا flowchart لأنه النوع الذي تسميه الملاحظات الرسمية. لا توجد جدول حقول JSON؛ لا تخترع المفاتيح الناقصة. ولا تخترع أسماء دوال أدوات MCP.

موضع التكوين: claude mcp add أو mcpServers.glyphic. ملاحظات التثبيت الرسمية تذكر Claude Code فقط، ولا تسمّي منتجات عميل أخرى ولا مسارات ملفات التكوين.

الاستدعاء الأول: اطلب من الخادم رسم هذا flowchart، واطلب SVG فقط. إشارة النجاح: يعود SVG بعد التحقق (الرسمي يذكر accessible: role="img" + <title>)، ولم يُشغَّل متصفح.

لا تفهم «متصفح بلا واجهة» على أنه صفر مخاطر. الرسم ما زال يجري على هذا الجهاز، ويمر PNG عبر @resvg/resvg-js (Rust). يدخل وصف JSON إلى عملية الرسم.

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

الحالة الأولى: أخرج أولًا مخططًا متجهيًا قابلاً للتكبير. أرسل typed JSON لـ flowchart وخُذ SVG. النص الرسمي يقول pure, scalable vector markup. لم يُذكر حد أعلى لعدد العقد.

الحالة الثانية: الحمولة نفسها أو نوع آخر يحتاج صورة نقطية، أو بيانات لوحة تفاعلية. خُذ PNG (high-resolution raster, rendered natively via Rust)، أو React Flow JSON (nodes/edges mapped for an interactive React Flow canvas). تشمل الأنواع الـ18 أيضًا architecture، sequence، ERD، UML class، state machines، Gantt، timelines، Sankey، Git trees، mindmaps، pie، quadrant، user journeys، Kanban، C4، treemaps وfreeform canvas. لا تعامل أسماء دوال المكتبة التي لم تظهر كمدخل إرجاع.

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

حدود التثبيت: مسار MCP الرئيسي هو npx -y @glyphicjs/mcp-server؛ مسار المكتبة مجموعة أخرى من حزم npm. لا تخلطه مع المحاولة الأولى.

حدود القدرة: 18 نوعًا، schema واحد، ثلاثة مخرجات. النص الرسمي لا يذكر استضافة بعيدة ولا أسرارًا ولا معاينة في المتصفح. لا تفترض أن أنواع المخططات غير المذكورة متاحة.