·react-flow-implementation
</>

react-flow-implementation

ينفذ واجهات المستخدم المستندة إلى عقدة React Flow بشكل صحيح باستخدام @xyflow/react. يُستخدم عند إنشاء مخططات انسيابية أو رسوم بيانية أو محررات مرئية أو تطبيقات قائمة على العقد باستخدام React. يغطي العقد والحواف والمقابض والمكونات المخصصة وإدارة الحالة والتحكم في منفذ العرض.

123التثبيتات·5الرائج·@existential-birds

التثبيت

$npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation

كيفية تثبيت react-flow-implementation

ثبّت مهارة الذكاء الاصطناعي react-flow-implementation بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: existential-birds/beagle.

| nodrag | Prevent dragging when clicking element | | nowheel | Prevent zoom on wheel events | | nopan | Prevent panning from element | | nokey | Prevent keyboard events (use on inputs) |

See ADDITIONALCOMPONENTS.md for MiniMap, Controls, Background, NodeToolbar, NodeResizer.

ينفذ واجهات المستخدم المستندة إلى عقدة React Flow بشكل صحيح باستخدام @xyflow/react. يُستخدم عند إنشاء مخططات انسيابية أو رسوم بيانية أو محررات مرئية أو تطبيقات قائمة على العقد باستخدام React. يغطي العقد والحواف والمقابض والمكونات المخصصة وإدارة الحالة والتحكم في منفذ العرض. المصدر: existential-birds/beagle.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from existential-birds/beagle

إجابات سريعة

ما هي react-flow-implementation؟

ينفذ واجهات المستخدم المستندة إلى عقدة React Flow بشكل صحيح باستخدام @xyflow/react. يُستخدم عند إنشاء مخططات انسيابية أو رسوم بيانية أو محررات مرئية أو تطبيقات قائمة على العقد باستخدام React. يغطي العقد والحواف والمقابض والمكونات المخصصة وإدارة الحالة والتحكم في منفذ العرض. المصدر: existential-birds/beagle.

كيف أثبّت react-flow-implementation؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/existential-birds/beagle

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01