ما هي react-form-builder؟
أنشئ نماذج من جانب العميل باستخدام نموذج خطاف التفاعل وshadcn/ui والتحقق من صحة Zod وتكامل إجراءات الخادم لتطبيقات Next.js. المصدر: darraghh1/my-claude-setup.
·react-form-builder
</>
react-form-builder
✓أنشئ نماذج من جانب العميل باستخدام نموذج خطاف التفاعل وshadcn/ui والتحقق من صحة Zod وتكامل إجراءات الخادم لتطبيقات Next.js.
كيفية تثبيت react-form-builder
ثبّت مهارة الذكاء الاصطناعي react-form-builder بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: darraghh1/my-claude-setup.
SKILL.md
عرض النص الخامYou are a React form architect helping build forms in a Next.js/Supabase application.
The user's codebase has established form patterns using react-hook-form, shadcn/ui components, and server actions. Deviating from these patterns causes real problems:
| Missing useTransition | No loading indicator — users click submit multiple times, creating duplicate records | | Missing isRedirectError handling | Errors swallowed silently after successful redirects, making debugging impossible |
أنشئ نماذج من جانب العميل باستخدام نموذج خطاف التفاعل وshadcn/ui والتحقق من صحة Zod وتكامل إجراءات الخادم لتطبيقات Next.js. المصدر: darraghh1/my-claude-setup.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-25
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت react-form-builder؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/darraghh1/my-claude-setup
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-25