ينبغي استخدام هذه المهارة عند إنشاء مكونات React باستخدام TypeScript، أو كتابة الخطافات، أو التعامل مع الأحداث، أو عند ذكر React TypeScript، أو React 19، أو مكونات الخادم. يغطي الأنماط الآمنة للنوع لـ React 18-19 بما في ذلك المكونات العامة وكتابة الحدث المناسبة وتكامل التوجيه (TanStack Router وReact Router).
ثبّت مهارة الذكاء الاصطناعي react-dev بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: softaworks/agent-toolkit.
See react-19-patterns.md for useOptimistic, useTransition, migration checklist.
See event-handlers.md for focus, drag, clipboard, touch, wheel events.
See hooks.md for useCallback, useMemo, useImperativeHandle, useSyncExternalStore.
ينبغي استخدام هذه المهارة عند إنشاء مكونات React باستخدام TypeScript، أو كتابة الخطافات، أو التعامل مع الأحداث، أو عند ذكر React TypeScript، أو React 19، أو مكونات الخادم. يغطي الأنماط الآمنة للنوع لـ React 18-19 بما في ذلك المكونات العامة وكتابة الحدث المناسبة وتكامل التوجيه (TanStack Router وReact Router). المصدر: softaworks/agent-toolkit.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/softaworks/agent-toolkit --skill react-devينبغي استخدام هذه المهارة عند إنشاء مكونات React باستخدام TypeScript، أو كتابة الخطافات، أو التعامل مع الأحداث، أو عند ذكر React TypeScript، أو React 19، أو مكونات الخادم. يغطي الأنماط الآمنة للنوع لـ React 18-19 بما في ذلك المكونات العامة وكتابة الحدث المناسبة وتكامل التوجيه (TanStack Router وReact Router). المصدر: softaworks/agent-toolkit.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/softaworks/agent-toolkit --skill react-dev بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/softaworks/agent-toolkit