أفضل ممارسات نموذج TanStack لإدارة النماذج الآمنة والتحقق من الصحة وتكوين الحقل ومعالجة الإرسال في React. يُستخدم عند إنشاء النماذج ذات التحقق المعقد، ودمج مكتبات المخططات (Zod/Valibot/ArkType)، وتأليف مكونات النموذج القابلة لإعادة الاستخدام، إدارة المصفوفة/الحقول الديناميكية، أو التكامل مع أطر العمل الوصفية (TanStack Start، وNext.js، وRemix).
ثبّت مهارة الذكاء الاصطناعي tanstack-form بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: fellipeutaka/leon.
Version: @tanstack/react-form@latest Requires: React 18.0+, TypeScript 5.0+
For production apps, use createFormHook to pre-bind reusable UI components and reduce boilerplate:
| Priority | Category | Rule File | Impact |
أفضل ممارسات نموذج TanStack لإدارة النماذج الآمنة والتحقق من الصحة وتكوين الحقل ومعالجة الإرسال في React. يُستخدم عند إنشاء النماذج ذات التحقق المعقد، ودمج مكتبات المخططات (Zod/Valibot/ArkType)، وتأليف مكونات النموذج القابلة لإعادة الاستخدام، إدارة المصفوفة/الحقول الديناميكية، أو التكامل مع أطر العمل الوصفية (TanStack Start، وNext.js، وRemix). المصدر: fellipeutaka/leon.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/fellipeutaka/leon --skill tanstack-formأفضل ممارسات نموذج TanStack لإدارة النماذج الآمنة والتحقق من الصحة وتكوين الحقل ومعالجة الإرسال في React. يُستخدم عند إنشاء النماذج ذات التحقق المعقد، ودمج مكتبات المخططات (Zod/Valibot/ArkType)، وتأليف مكونات النموذج القابلة لإعادة الاستخدام، إدارة المصفوفة/الحقول الديناميكية، أو التكامل مع أطر العمل الوصفية (TanStack Start، وNext.js، وRemix). المصدر: fellipeutaka/leon.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-form بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/fellipeutaka/leon