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

مخطط تدفقات المستخدم

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

SHA-256: 75444fee5629a3306ae057ca45efc197e5eb21f513f39edf4e70322cbd70c8ab 3 كيلوبايت

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

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

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

$npx @ai-dalil/skills add user-flow-mapper --agent codex

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

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

الوصف

عربي

يرسم تدفقات مستخدم صادقة: كل مسار نجاح وفشل وتراجع، بنقاط قرار مرقمة، وتقدير فرجاة كل فرع.

English

Map honest user flows: every success, failure, and backtrack path with numbered decisions and friction estimates.

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

SKILL name
user-flow-mapper
الوصف الأصلي
Map honest user flows: every success, failure, and backtrack path with numbered decisions and friction estimates.
إصدار المهارة
1.1.0
التوافق
لا متطلبات خاصة — مراجعة وتحسين تصميمي
الأدوات المسموح بها
Read, Write
الكلمات المفتاحية
flows, ux, mapping, design
لغة المصدر
multilingual
الفرع / المرجع
main
دليل الترخيص
Original editorial content authored for the AiDalil catalog and released under MIT by the catalog owner. (high)

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

عرض Frontmatter الأصلي
name: user-flow-mapper
description: Map honest user flows: every success, failure, and backtrack path with numbered decisions and friction estimates.
version: 1.1.0
metadata:
  author: AiDalil Editorial
  category: ui-ux
  compatibility: github-copilot, cursor, windsurf, amp, droid, api
  difficulty: beginner
  tags: [flows, ux, mapping, design]

تعليمات SKILL.md

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

عرض التعليمات الكاملة
# User Flow Mapper

**Goal:** Map honest user flows: every success, failure, and backtrack path with numbered decisions and friction estimates.

> الهدف: يرسم تدفقات مستخدم صادقة: كل مسار نجاح وفشل وتراجع، بنقاط قرار مرقمة، وتقدير فرجاة كل فرع.

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

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

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

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

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

## Skill identity
- Skill name: `user-flow-mapper`
- Version: 1.1.0
- Domain: UI/UX Design (تصميم UI/UX)
- Tags: flows, ux, mapping, design

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

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

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

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

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-75444fee5629 3 كيلوبايت 2 4 نوفمبر، 2026 تحميل

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

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

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

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

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

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