ما هي fbp-graph-editor؟
محرر رسوم بيانية مستوحى من هوديني للبرمجة المستندة إلى التدفق والتي تم إنشاؤها باستخدام React. يُستخدم عند إنشاء محرر رسم بياني مرئي أو تخصيصه، والعمل مع حزمة @fbp/graph-editor. المصدر: constructive-io/constructive-skills.
·fbp-graph-editor
</>
fbp-graph-editor
✓constructive-io/constructive-skillsGitHub: constructive-io/constructive-skillsالمصدر: constructive-io/constructive-skills
محرر رسوم بيانية مستوحى من هوديني للبرمجة المستندة إلى التدفق والتي تم إنشاؤها باستخدام React. يُستخدم عند إنشاء محرر رسم بياني مرئي أو تخصيصه، والعمل مع حزمة @fbp/graph-editor.
كيفية تثبيت fbp-graph-editor
ثبّت مهارة الذكاء الاصطناعي fbp-graph-editor بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: constructive-io/constructive-skills.
SKILL.md
عرض النص الخامHoudini-inspired graph editor for Flow-Based Programming built with React.
@fbp/graph-editor is a React component for visual editing of FBP graphs. It features an SVG-based canvas with pan/zoom, node rendering with fully-qualified type paths, Bezier edge connections, selection system, properties panel, and subgraph navigation.
The editor uses SVG for rendering, providing crisp visuals at any zoom level. Pan and zoom are supported via mouse/trackpad gestures.
محرر رسوم بيانية مستوحى من هوديني للبرمجة المستندة إلى التدفق والتي تم إنشاؤها باستخدام React. يُستخدم عند إنشاء محرر رسم بياني مرئي أو تخصيصه، والعمل مع حزمة @fbp/graph-editor. المصدر: constructive-io/constructive-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-03-10
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت fbp-graph-editor؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/constructive-io/constructive-skills --skill fbp-graph-editor بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/constructive-io/constructive-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-03-10