تخطَّ إلى المحتوى
+ أضف منتج إنشاء حساب تسجيل الدخول

محسّن تجربة النماذج

تصميم UI/UX agent-skills filesystem MIT
⬇ تنزيل vsha-2f885d65b412

SHA-256: 2f885d65b412d2ac0d9ff0e1d91f576863ec123e8a884ed59f1fdad159d13acb 3 كيلوبايت

✦ جاهزة لبيئة عملك

ثبّت هذه المهارة مباشرة داخل وكيلك

اختر الوكيل، انسخ الأمر، وشغّله من مجلد مشروعك. يتولى CLI تنزيل الحزمة والتحقق من بصمة SHA-256 ووضع الملفات في المسار المناسب.

$npx @ai-dalil/skills add form-ux-optimizer --agent codex

@ai-dalil/skills على npm - Node.js 18.18 أو أحدث.

↓ تنزيل ZIP · الإصدار sha-2f885d65b412 بيانات API ↗ سجل الإصدارات ↗

الوصف

عربي

يحسّن نماذج بمعايير مثبتة: عدد حقول أدنى، أخطاء بجوار الحقل، وحفظ تقدم، مع تقليل هجر الإكمال.

English

Optimize forms with proven standards: minimal fields, inline errors, and saved progress reducing completion abandonment.

بيانات المهارة التقنية

SKILL name
form-ux-optimizer
الوصف الأصلي
Optimize forms with proven standards: minimal fields, inline errors, and saved progress reducing completion abandonment.
إصدار المهارة
1.3.0
التوافق
لا متطلبات خاصة — مراجعة وتحسين تصميمي
الأدوات المسموح بها
Read, Write
الكلمات المفتاحية
forms, ux, optimization, conversion
لغة المصدر
multilingual
الفرع / المرجع
main
دليل الترخيص
Original editorial content authored for the AiDalil catalog and released under MIT by the catalog owner. (high)

بيانات المصدر الأصلية (YAML)

عرض Frontmatter الأصلي
name: form-ux-optimizer
description: Optimize forms with proven standards: minimal fields, inline errors, and saved progress reducing completion abandonment.
version: 1.3.0
metadata:
  author: AiDalil Editorial
  category: ui-ux
  compatibility: antigravity, cursor, opencode, amp, aider, api
  difficulty: intermediate
  tags: [forms, ux, optimization, conversion]

تعليمات SKILL.md

المحتوى الأصلي للمهارة كما ورد من المصدر، مع الحفاظ على تنسيق Markdown.

عرض التعليمات الكاملة
# Form Ux Optimizer

**Goal:** Optimize forms with proven standards: minimal fields, inline errors, and saved progress reducing completion abandonment.

> الهدف: يحسّن نماذج بمعايير مثبتة: عدد حقول أدنى، أخطاء بجوار الحقل، وحفظ تقدم، مع تقليل هجر الإكمال.

## When to use
- الحالة النموذجية: يحسّن نماذج بمعايير مثبتة: عدد حقول أدنى، أخطاء بجوار الحقل، وحفظ تقدم، مع تقليل هجر الإكمال.
- مراجعة تصميم واجهة قبل التطوير أو بعد ملاحظات المستخدمين.
- تصميم حالات الفراغ والخطأ والتحميل.
- تخطيط اختبارات قابلية الاستخدام.
- تحسين نماذج التسجيل أو الدفع أو الإدخال الطويل.

## Workflow
1. طبّق نظام التصميم: رموز الألوان والمسافات والخطوط دون اختراعات جديدة.
2. ارسم التدفق الحالي ثم التدفق المستهدف وحدّد الفروق الجوهرية.
3. جهّز سيناريو اختبار قصيراً ونفّذ مراجعة خبير أو اختبار مستخدم.
4. اجمع الأدلة: ملاحظات الدعم، تحليلات الاستخدام، ومعايير المجال المعروفة.
5. صمّم الهيكل المعلوماتي: تسميات واضحة، تجميع منطقي، وتسلسل هرمي بسيط.
6. سجّل القرارات ومبرراتها في ملف قرار واحد قابل للرجوع إليه.
7. عرّف المشكلة من زاوية المستخدم: محسّن تجربة النماذج. اذكر السيناريو والسياق والهدف.
8. أنشئ مخططات سلكية سريعة قبل أي تفاصيل بصرية.

## Rules
- صمّم للحالة الأصعب: اسم طويل، خطأ شبكة، مستخدم جديد.
- لا تطلب من المستخدم معلومات يمكن اشتقاقها أو تأجيلها.
- كل عنصر تفاعلي يشبه شكله سلوكه؛ لا مفاجآت.
- التغذية الراجعة فورية لكل فعل: نجاح، فشل، أو انتظار.
- النص التوضيحي يشرح ماذا سيحدث لا كيف يعمل النظام داخلياً.

## Output contract
- سيناريو اختبار قابلية استخدام جاهز للتنفيذ.
- ملخص مشكلة وهدف قابل للقياس.
- مخطط تدفق قبل/بعد مع تعليقات مختصرة.
- مخططات سلكية أو تصميمات بحالات كاملة.

## Quality checks
- [ ] هل جميع الحالات مصممة: فراغ، تحميل، خطأ، نجاح، حد بيانات؟
- [ ] هل يمكن إنهاء المهمة الرئيسية في أقل عدد خطوات ممكن؟
- [ ] هل التباين وأحجام اللمس مطابقة للحد الأدنى المقبول؟
- [ ] هل التسميات بلغة المستخدم لا لغة النظام؟
- [ ] هل اختُبر التدفق مع مستخدم لم يشارك في التصميم؟

## Skill identity
- Skill name: `form-ux-optimizer`
- Version: 1.3.0
- Domain: UI/UX Design (تصميم UI/UX)
- Tags: forms, ux, optimization, conversion

التثبيت اليدوي

استخدم هذا المسار عند عدم استخدام CLI أو عند إدارة ملفات المهارات يدويًا.

  1. نزّل ملف ZIP للإصدار المطلوب من أعلى الصفحة، أو افتح المصدر الأصلي إذا لم تتوفر حزمة مستضافة.
  2. فك الضغط، ثم انقل مجلد المهارة الذي يحتوي مباشرة على SKILL.md إلى مجلد الوكيل.
  3. أعد تحميل الوكيل أو افتح جلسة جديدة، ثم تأكد من ظهور المهارة ضمن المهارات المتاحة.
Codex.agents/skills/form-ux-optimizer/
Claude Code.claude/skills/form-ux-optimizer/
Cursor.cursor/skills/form-ux-optimizer/

تعليمات خاصة بهذه المهارة

Extract the skill folder into your agent's skills directory (for example the project skills folder) or install the ZIP package from the skill page. No build step is required; everything is Markdown.

حالات الاستخدام

• تصميم حالات الفراغ والخطأ والتحميل. • مراجعة تصميم واجهة قبل التطوير أو بعد ملاحظات المستخدمين. • تخطيط اختبارات قابلية الاستخدام.

المتطلبات

• Any Agent Skills compatible assistant (Claude Code, Claude Desktop, or API agents). • Basic file access to read the bundled reference playbook. • No external services required for the standard workflow.

الإصدارات

الإصدار الحجم الملفات تاريخ النشر تنزيل
vsha-2f885d65b412 3 كيلوبايت 2 4 نوفمبر، 2026 تحميل

الأمان والفحص

فحص أساسي ✓ — 1 نوفمبر، 2026

مجتمع يبني قدرات أفضل

هل طوّرت مهارة تستحق أن يكتشفها الآخرون؟

ساهم في إثراء مكتبة المهارات، وعرّف المجتمع على عملك مع حفظ نسبه إلى مصدره الأصلي.

أرسل مهارة كيف تعمل المهارات؟
قسم المهارات — دليل AIالعودة إلى دليل AI ↗