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

كاتب مواصفات المخططات

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

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

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

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

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

$npx @ai-dalil/skills add wireframe-specification-writer --agent codex

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

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

الوصف

عربي

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

English

Write development-ready wireframe specs: screen logic, element behavior, and component states in unambiguous language.

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

SKILL name
wireframe-specification-writer
الوصف الأصلي
Write development-ready wireframe specs: screen logic, element behavior, and component states in unambiguous language.
إصدار المهارة
2.0.0
التوافق
لا متطلبات خاصة — مراجعة وتحسين تصميمي
الأدوات المسموح بها
Read, Write
الكلمات المفتاحية
wireframes, ux, specification, documentation
لغة المصدر
multilingual
الفرع / المرجع
main
دليل الترخيص
Original editorial content authored for the AiDalil catalog and released under MIT by the catalog owner. (high)

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

عرض Frontmatter الأصلي
name: wireframe-specification-writer
description: Write development-ready wireframe specs: screen logic, element behavior, and component states in unambiguous language.
version: 2.0.0
metadata:
  author: AiDalil Editorial
  category: ui-ux
  compatibility: zed, github-copilot, trae, codex-cli, amp, api
  difficulty: beginner
  tags: [wireframes, ux, specification, documentation]

تعليمات SKILL.md

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

عرض التعليمات الكاملة
# Wireframe Specification Writer

**Goal:** Write development-ready wireframe specs: screen logic, element behavior, and component states in unambiguous language.

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

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

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

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

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

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

## Skill identity
- Skill name: `wireframe-specification-writer`
- Version: 2.0.0
- Domain: UI/UX Design (تصميم UI/UX)
- Tags: wireframes, ux, specification, documentation

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

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

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

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

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

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

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

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

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

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

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