أنشئ واجهة مستخدم React كإسقاط لانتقالات الحالة الصريحة باستخدام أحداث المخفض +. يُستخدم عند إنشاء نماذج متعددة الخطوات، أو عمليات غير متزامنة، أو حالة المكونات المشتركة، أو تكامل التنقل، أو التحديثات في الوقت الفعلي، أو التحقق من الصحة المعقد. يزيل الأخطاء المعتمدة على التوقيت من خلال التحولات الواضحة للحالة والآثار الجانبية المعزولة.
ثبّت مهارة الذكاء الاصطناعي react-state-driven-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: lucascmelo/agent-skills.
Build predictable, testable React applications by treating UI as a pure projection of explicit state. This architectural pattern eliminates timing-dependent bugs, reduces cognitive overhead, and makes complex workflows manageable through clear state transitions and isolated side effects.
When to apply Use this skill when building features that require:
Technical approach Use this skill to design and implement UI behavior as a pure projection of state. Model behavior with reducer + events. Isolate side effects in React Query mutation callbacks.
أنشئ واجهة مستخدم React كإسقاط لانتقالات الحالة الصريحة باستخدام أحداث المخفض +. يُستخدم عند إنشاء نماذج متعددة الخطوات، أو عمليات غير متزامنة، أو حالة المكونات المشتركة، أو تكامل التنقل، أو التحديثات في الوقت الفعلي، أو التحقق من الصحة المعقد. يزيل الأخطاء المعتمدة على التوقيت من خلال التحولات الواضحة للحالة والآثار الجانبية المعزولة. المصدر: lucascmelo/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/lucascmelo/agent-skills --skill react-state-driven-uiأنشئ واجهة مستخدم React كإسقاط لانتقالات الحالة الصريحة باستخدام أحداث المخفض +. يُستخدم عند إنشاء نماذج متعددة الخطوات، أو عمليات غير متزامنة، أو حالة المكونات المشتركة، أو تكامل التنقل، أو التحديثات في الوقت الفعلي، أو التحقق من الصحة المعقد. يزيل الأخطاء المعتمدة على التوقيت من خلال التحولات الواضحة للحالة والآثار الجانبية المعزولة. المصدر: lucascmelo/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/lucascmelo/agent-skills --skill react-state-driven-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/lucascmelo/agent-skills