التوجيه المعماري لبناء واجهات المستخدم القائمة على العقدة باستخدام React Flow. يُستخدم عند تصميم التطبيقات المستندة إلى التدفق، أو اتخاذ القرارات بشأن إدارة الحالة، أو أنماط التكامل، أو تقييم ما إذا كان React Flow يناسب حالة الاستخدام.
ثبّت مهارة الذكاء الاصطناعي react-flow-architecture بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: existential-birds/beagle.
Implication: Core logic is framework-agnostic. When contributing or debugging, check if issue is in @xyflow/system or framework-specific package.
Pros: Simple, minimal boilerplate Cons: State isolated to component tree
Pros: State accessible anywhere, easier persistence/sync Cons: More setup, need careful selector optimization
التوجيه المعماري لبناء واجهات المستخدم القائمة على العقدة باستخدام React Flow. يُستخدم عند تصميم التطبيقات المستندة إلى التدفق، أو اتخاذ القرارات بشأن إدارة الحالة، أو أنماط التكامل، أو تقييم ما إذا كان React Flow يناسب حالة الاستخدام. المصدر: existential-birds/beagle.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/existential-birds/beagle --skill react-flow-architectureالتوجيه المعماري لبناء واجهات المستخدم القائمة على العقدة باستخدام React Flow. يُستخدم عند تصميم التطبيقات المستندة إلى التدفق، أو اتخاذ القرارات بشأن إدارة الحالة، أو أنماط التكامل، أو تقييم ما إذا كان React Flow يناسب حالة الاستخدام. المصدر: existential-birds/beagle.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/existential-birds/beagle --skill react-flow-architecture بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/existential-birds/beagle