building-forms

Build accessible, user-friendly forms with systematic component selection, validation strategies, and UX best practices.

Forms are the primary mechanism for user data input in web applications. This skill provides systematic guidance for:

The Golden Rule: Data Type → Input Component → Validation Pattern

يبني مكونات النموذج وواجهات جمع البيانات بما في ذلك نماذج الاتصال وتدفقات التسجيل وعمليات الخروج والاستطلاعات وصفحات الإعدادات. يتضمن أكثر من 50 نوعًا من أنواع الإدخال، وإستراتيجيات التحقق من الصحة، وأنماط إمكانية الوصول (WCAG 2.1)، والمعالجات متعددة الخطوات، وأفضل ممارسات تجربة المستخدم. يوفر أشجار القرار بدءًا من نوع البيانات وحتى اختيار المكونات وتوجيهات توقيت التحقق وأنماط معالجة الأخطاء. يُستخدم عند إنشاء النماذج، أو جمع مدخلات المستخدم، أو إنشاء الاستطلاعات، أو تنفيذ التحقق من الصحة، أو تصميم مسارات عمل متعددة الخطوات، أو ضمان إمكانية الوصول إلى النموذج. المصدر: ancoleman/ai-design-components.