·ios-ux-prototype
*

ios-ux-prototype

✓
tddworks/claude-skillsGitHub: tddworks/claude-skillsالمصدر: tddworks/claude-skills

أنشئ نماذج أولية تفاعلية لتدفق تجربة المستخدم لتطبيق iOS/الجوال كمستندات HTML مع نماذج واقعية للهاتف. يُستخدم عندما: (1) تصور رحلات المستخدم وتدفقات التنقل، (2) إنشاء إطارات سلكية لتطبيقات الهاتف المحمول، (3) توثيق أنماط التنقل من شاشة إلى شاشة، (4) تقديم تصميمات واجهة مستخدم iOS مع التعليقات التوضيحية، (5) إنشاء نماذج أولية لبنية التطبيق قبل التنفيذ. يُنشئ ملفات HTML قائمة بذاتها باستخدام التصميم الأصلي لنظام التشغيل iOS، وإطارات الهاتف، وأسهم التدفق، والتعليقات التوضيحية لوسائل الشرح.

tddworks·ios·ux·prototype
18التثبيتات·1الرائج·@tddworks

التثبيت

GitHub: tddworks/claude-skills
$npx skills add https://github.com/tddworks/claude-skills --skill ios-ux-prototype

كيفية تثبيت ios-ux-prototype

ثبّت مهارة الذكاء الاصطناعي ios-ux-prototype بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/tddworks/claude-skills --skill ios-ux-prototype
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: tddworks/claude-skills.

SKILL.md

عرض النص الخام

Create interactive HTML prototypes showing mobile app user journeys with realistic iPhone mockups.

Note: The phone frame uses a notch-style bezel by default. To use Dynamic Island style instead, add the dynamic-island-style class to .phone-frame and include a element.

Badges: .app-badge.review (orange), .app-badge.ready (green), .app-badge.draft (purple)

أنشئ نماذج أولية تفاعلية لتدفق تجربة المستخدم لتطبيق iOS/الجوال كمستندات HTML مع نماذج واقعية للهاتف. يُستخدم عندما: (1) تصور رحلات المستخدم وتدفقات التنقل، (2) إنشاء إطارات سلكية لتطبيقات الهاتف المحمول، (3) توثيق أنماط التنقل من شاشة إلى شاشة، (4) تقديم تصميمات واجهة مستخدم iOS مع التعليقات التوضيحية، (5) إنشاء نماذج أولية لبنية التطبيق قبل التنفيذ. يُنشئ ملفات HTML قائمة بذاتها باستخدام التصميم الأصلي لنظام التشغيل iOS، وإطارات الهاتف، وأسهم التدفق، والتعليقات التوضيحية لوسائل الشرح. المصدر: tddworks/claude-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/tddworks/claude-skills --skill ios-ux-prototype
المصدر
tddworks/claude-skills
الفئة
*وسائط إبداعية
موثق
✓
أول ظهور
2026-02-01
آخر تحديث
2026-03-11
الرابط
https://www.learn-skills.dev/ar/skills/tddworks/claude-skills/ios-ux-prototype

Browse more skills from tddworks/claude-skills

إجابات سريعة

ما هي ios-ux-prototype؟

أنشئ نماذج أولية تفاعلية لتدفق تجربة المستخدم لتطبيق iOS/الجوال كمستندات HTML مع نماذج واقعية للهاتف. يُستخدم عندما: (1) تصور رحلات المستخدم وتدفقات التنقل، (2) إنشاء إطارات سلكية لتطبيقات الهاتف المحمول، (3) توثيق أنماط التنقل من شاشة إلى شاشة، (4) تقديم تصميمات واجهة مستخدم iOS مع التعليقات التوضيحية، (5) إنشاء نماذج أولية لبنية التطبيق قبل التنفيذ. يُنشئ ملفات HTML قائمة بذاتها باستخدام التصميم الأصلي لنظام التشغيل iOS، وإطارات الهاتف، وأسهم التدفق، والتعليقات التوضيحية لوسائل الشرح. المصدر: tddworks/claude-skills.

كيف أثبّت ios-ux-prototype؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/tddworks/claude-skills --skill ios-ux-prototype بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/tddworks/claude-skills

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01

مهارات ذات صلة

appstore-info-generator
19 التثبيتات
app-localization
15 التثبيتات
template-skill
7 التثبيتات
ios-app-scaffold
5 التثبيتات