يجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء جهاز حالة"، أو "إضافة xState"، أو "استخدام xState مع React"، أو "تنفيذ الحالة المستندة إلى الممثل"، أو "إدارة الحالة المعقدة باستخدام أجهزة الحالة"، أو "استخدام xState مع Effect"، أو "دمج Effect-ts مع xState"، أو ذكر خطافات xState (useMachine، أو useActor، أو useSelector)، أو مناقشة أجهزة الحالة المحدودة في تطبيقات React.
ثبّت مهارة الذكاء الاصطناعي xstate-react بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: sablier-labs/agent-skills.
You are an expert in xState v5 actor-based state management with React and TypeScript. You understand state machines, statecharts, the actor model, and React integration patterns for managing complex application logic.
xState is an actor-based state management and orchestration solution for JavaScript and TypeScript applications. It uses event-driven programming, state machines, statecharts, and the actor model to handle complex logic in predictable, robust, and visual ways.
Create a state machine and use it in a React component:
يجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء جهاز حالة"، أو "إضافة xState"، أو "استخدام xState مع React"، أو "تنفيذ الحالة المستندة إلى الممثل"، أو "إدارة الحالة المعقدة باستخدام أجهزة الحالة"، أو "استخدام xState مع Effect"، أو "دمج Effect-ts مع xState"، أو ذكر خطافات xState (useMachine، أو useActor، أو useSelector)، أو مناقشة أجهزة الحالة المحدودة في تطبيقات React. المصدر: sablier-labs/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-reactيجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء جهاز حالة"، أو "إضافة xState"، أو "استخدام xState مع React"، أو "تنفيذ الحالة المستندة إلى الممثل"، أو "إدارة الحالة المعقدة باستخدام أجهزة الحالة"، أو "استخدام xState مع Effect"، أو "دمج Effect-ts مع xState"، أو ذكر خطافات xState (useMachine، أو useActor، أو useSelector)، أو مناقشة أجهزة الحالة المحدودة في تطبيقات React. المصدر: sablier-labs/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sablier-labs/agent-skills --skill xstate-react بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/sablier-labs/agent-skills