ما هي state-driven-ui؟
أنشئ واجهة مستخدم React كإسقاط لانتقالات الحالة الصريحة باستخدام أحداث المخفض +. عزل الآثار الجانبية في عمليات الاسترجاعات الخاصة بطفرة React Query. احتفظ بالمكونات للعرض فقط والقصد فقط. المصدر: lucascmelo/agent-skills.
·state-driven-ui
*
state-driven-ui
أنشئ واجهة مستخدم React كإسقاط لانتقالات الحالة الصريحة باستخدام أحداث المخفض +. عزل الآثار الجانبية في عمليات الاسترجاعات الخاصة بطفرة React Query. احتفظ بالمكونات للعرض فقط والقصد فقط.
كيفية تثبيت state-driven-ui
ثبّت مهارة الذكاء الاصطناعي state-driven-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-ui
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: lucascmelo/agent-skills.
SKILL.md
عرض النص الخامScope 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.
Required approach Follow this order. Do not skip steps. Do not write component code before steps 1 to 4 are complete.
Output expectations When using this skill, output in this structure:
أنشئ واجهة مستخدم React كإسقاط لانتقالات الحالة الصريحة باستخدام أحداث المخفض +. عزل الآثار الجانبية في عمليات الاسترجاعات الخاصة بطفرة React Query. احتفظ بالمكونات للعرض فقط والقصد فقط. المصدر: lucascmelo/agent-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-ui- المصدر
- lucascmelo/agent-skills
- الفئة
- *وسائط إبداعية
- موثق
- —
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت state-driven-ui؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/lucascmelo/agent-skills
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- user
- أول ظهور
- 2026-02-01