قم بإنشاء مخططات تدفق مرئية، ومخططات معمارية، وخرائط النظام بتنسيق SVG/PNG. يُستخدم عندما يطلب المستخدم مخططات انسيابية، أو مخططات تدفق المستخدم، أو مخططات البنية، أو مخططات النظام، أو خرائط التفاعل، أو أي مخطط مرئي. يدعم محرك تخطيط ELK JSON مع العرض التلقائي إلى SVG.
ثبّت مهارة الذكاء الاصطناعي diagrams بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: tychohq/agent-skills.
Generate diagrams from structured JSON → SVG (and optionally PNG).
| id | string | Required. Unique identifier | | width | number | Node width in px (default 120) | | height | number | Node height in px (default 40) | | labels | array | [{text}] — used by ELK for layout calculation | | label | string | Display text rendered in SVG (supports emoji). Falls back to id | | color | string | Color key from palette (see below) |
| subtitle | string | Smaller text below the label | | fontSize | number | Label font size (default 13) | | children | array | Nested nodes — makes this a container | | containerColor | string | Color key for container background |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/tychohq/agent-skills --skill diagramsقم بإنشاء مخططات تدفق مرئية، ومخططات معمارية، وخرائط النظام بتنسيق SVG/PNG. يُستخدم عندما يطلب المستخدم مخططات انسيابية، أو مخططات تدفق المستخدم، أو مخططات البنية، أو مخططات النظام، أو خرائط التفاعل، أو أي مخطط مرئي. يدعم محرك تخطيط ELK JSON مع العرض التلقائي إلى SVG. المصدر: tychohq/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/tychohq/agent-skills --skill diagrams بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/tychohq/agent-skills