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

مختار أنماط التفاعل

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

SHA-256: 4fecbc7ee66eca30caab8c53b6195473a2cdc26320f5c28326f1dea78562980c 3 كيلوبايت

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

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

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

$npx @ai-dalil/skills add interaction-pattern-selector --agent codex

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

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

الوصف

عربي

يختار أنماط تفاعل مألوفة: متى قائمة سحب ومتى أسفل متدرج، مع ثمن كل نمط وبدائل أقل خطراً.

English

Select familiar interaction patterns: when drawers versus progressive disclosure, with each pattern's cost and safer alternatives.

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

SKILL name
interaction-pattern-selector
الوصف الأصلي
Select familiar interaction patterns: when drawers versus progressive disclosure, with each pattern's cost and safer alternatives.
إصدار المهارة
1.2.0
التوافق
لا متطلبات خاصة — مراجعة وتحسين تصميمي
الأدوات المسموح بها
Read, Write
الكلمات المفتاحية
patterns, interaction, ux, design
لغة المصدر
multilingual
الفرع / المرجع
main
دليل الترخيص
Original editorial content authored for the AiDalil catalog and released under MIT by the catalog owner. (high)

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

عرض Frontmatter الأصلي
name: interaction-pattern-selector
description: Select familiar interaction patterns: when drawers versus progressive disclosure, with each pattern's cost and safer alternatives.
version: 1.2.0
metadata:
  author: AiDalil Editorial
  category: ui-ux
  compatibility: cursor, github-copilot, zed, goose, gemini-cli, api
  difficulty: intermediate
  tags: [patterns, interaction, ux, design]

تعليمات SKILL.md

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

عرض التعليمات الكاملة
# Interaction Pattern Selector

**Goal:** Select familiar interaction patterns: when drawers versus progressive disclosure, with each pattern's cost and safer alternatives.

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

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

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

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

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

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

## Skill identity
- Skill name: `interaction-pattern-selector`
- Version: 1.2.0
- Domain: UI/UX Design (تصميم UI/UX)
- Tags: patterns, interaction, ux, design

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

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

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

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

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

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

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

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

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

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

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