أنشئ مكونات React قابلة للتركيب باستخدام Effect Atom لإدارة الحالة. استخدم هذه المهارة عند تنفيذ واجهات مستخدم React التي تتجنب الدعائم المنطقية، وتحتضن تكوين المكونات، وتتكامل مع نظام الحالة التفاعلية الخاص بـ Effect.
ثبّت مهارة الذكاء الاصطناعي react-composition بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: front-depiction/claude-setup.
Build React UIs using compositional patterns, Effect Atom for state management, and the component module pattern. Use this skill when creating React applications that integrate with Effect's ecosystem.
Build complex UIs from simple, composable pieces rather than configuring behavior through props.
Treat components like Effect modules with namespace imports and exported sub-components.
أنشئ مكونات React قابلة للتركيب باستخدام Effect Atom لإدارة الحالة. استخدم هذه المهارة عند تنفيذ واجهات مستخدم React التي تتجنب الدعائم المنطقية، وتحتضن تكوين المكونات، وتتكامل مع نظام الحالة التفاعلية الخاص بـ Effect. المصدر: front-depiction/claude-setup.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/front-depiction/claude-setup --skill react-compositionأنشئ مكونات React قابلة للتركيب باستخدام Effect Atom لإدارة الحالة. استخدم هذه المهارة عند تنفيذ واجهات مستخدم React التي تتجنب الدعائم المنطقية، وتحتضن تكوين المكونات، وتتكامل مع نظام الحالة التفاعلية الخاص بـ Effect. المصدر: front-depiction/claude-setup.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/front-depiction/claude-setup --skill react-composition بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/front-depiction/claude-setup