● مجتمع
axiaoge2
⚡ فوري
Apple-Hig-Designer
بواسطة axiaoge2 · axiaoge2/Apple-Hig-Designer
صمّم شاشات تتبع فعلاً إرشادات Apple لتجربة المستخدم — Claude يفحص التخطيط والطباعة والتفاعلات مقابل HIG.
Apple-Hig-Designer هي أداة Agent Skill تحمّل إرشادات Apple لتجربة المستخدم في ذاكرة Claude العاملة لمهام التصميم: إنتاج نماذج SwiftUI/UIKit، نقد التخطيطات الموجودة، اختيار مكونات النظام الصحيحة، واتباع رموز الطباعة والمسافات والألوان على المنصة. تعمل سواء كنت تصمم تطبيق iPhone جديد أو تدقق تطبيق موجود.
لماذا تستخدمه
الميزات الأساسية
- مبادئ HIG ومخزون المكونات المشفرة كـ prompts
- توصيات تصميم تدرك المنصة (iOS / iPadOS / macOS / watchOS)
- يستخدم ألوان Apple الدلالية ورموز الطباعة افتراضياً
- يوفر مقاطع SwiftUI للأنماط التي يوصي بها
- ينتقد التصاميم بشهادات HIG محددة، وليس بأذواق غامضة
عرض مباشر
كيف يبدو في الممارسة
apple-hig-designer-skill.replay
▶ جاهز
حالات الاستخدام
استخدامات عملية: Apple-Hig-Designer
متى تستخدمه: تحتاج إلى تخطيط أول لشاشة جديدة وتريد تجنب تعلم HIG من الصفر.
الخطوات
-
وصف الشاشة
ارسم شاشة Settings > Notifications لـ iPhone — أنماط iOS 18 القياسية.✓ تم النسخ
→ قائمة مجمعة، صفوف بتفاصيل على اليمين، رؤوس أقسام صحيحة — استشهادات HIG مضمنة
-
إنتاج SwiftUI
أنشئ كود SwiftUI باستخدام Form/List والألوان النظامية.✓ تم النسخ
→ SwiftUI بطريقة أصلية مع .listStyle(.insetGrouped)، Toggle، NavigationLink
-
التحقق من الوضع الداكن
اضبط للوضع الداكن — تأكد من استخدام .primary / .secondary، وليس hex مشفرة.✓ تم النسخ
→ تأكيد الألوان الدلالية
النتيجة: شاشة تبدو أصلية في المعاينة الأولى ولن يتم رفضها في المراجعة.
المزالق
- تصميم مخصص يتعارض مع النظام — اسأل Claude 'ما الطريقة القياسية لـ HIG؟' قبل أي تصميم مخصص
متى تستخدمه: قبل الإطلاق، تريد رأياً ثانياً بشأن توافق HIG.
الخطوات
-
مشاركة لقطة شاشة أو كود
إليك لقطة شاشة لشاشة Profile الخاصة بنا. ضع علامة على انحرافات HIG.✓ تم النسخ
→ ملاحظات محددة مع مراجع HIG
-
ترتيب الأولويات
رتب النتائج حسب التأثير — ما الذي قد يهتم به المراجع فعلاً؟✓ تم النسخ
→ قائمة مرتبة، وليس تصريف مسطح
-
اقتراح الإصلاحات
للثلاثة الأولى، أظهر لي تغييرات SwiftUI ملموسة.✓ تم النسخ
→ فروقات الكود
النتيجة: قائمة إصلاحات مركزة ذات أهمية، وليست تفاصيل دقيقة.
المزالق
- التدقيق دقيق جداً — مشاكل المسافات بـ 1px — اطلب النتائج المرجحة بالتأثير فقط
متى تستخدمه: نفس الميزة تحتاج معاملة مختلفة على الهاتف مقابل iPad مقابل Mac.
الخطوات
-
حدد الميزة
لدينا ميزة Library. ما شكل الملاحة الصحيح لكل منصة؟✓ تم النسخ
→ Tab bar / Sidebar / NavigationSplitView مُعيّنة للمنصات مع التفكير
-
اختر الأساليب الأولية
أي أساليب SwiftUI الأولية يجب أن نستخدمها لكل منصة لتجنب الحيل؟✓ تم النسخ
→ اختيارات أساليب أولية خاصة بالمنصة
النتيجة: تقسيم تصميم يطابق HIG لكل منصة وسهل التنفيذ.
المزالق
- iPad كـ 'iPhone كبير' — يفتقد مؤشر الماوس وأنماط الأعمدة المتعددة — اطلب من Claude أن يعدد الخصائص الخاصة بـ iPadOS قبل نسخ UX الخاص بـ iPhone
التركيبات
اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10
عرّض SwiftUI المُنشأ وافحصه في iOS Simulator
عرّض هذا SwiftUI في iPhone 16 simulator وتأكد من أنه يطابق موجز HIG.✓ تم النسخ
طبق الرقع المقترحة عبر كود التطبيق
طبق إصلاحات التدقيق على Views/Profile/✓ تم النسخ
التكلفة والحدود
تكلفة التشغيل
- حصة API
- لا يوجد
- الرموز لكل استدعاء
- رموز 3–8k لكل شاشة
- التكلفة المالية
- مجاني
- نصيحة
- حدد الرسم لشاشة واحدة في المرة؛ HIG طويل — لا تحاول إغراء Claude لاستشهاد كل شيء
الأمان
الصلاحيات والأسرار ونطاق الأثر
تخزين بيانات الاعتماد: لا يوجد
نقل البيانات الخارجي: لا يوجد
- يتطور HIG مع كل iOS — أعد التحقق من إصدارات نظام التشغيل الجديدة
استكشاف الأخطاء
الأخطاء الشائعة وحلولها
Suggestions feel dated
أخبر Claude بإصدار iOS الذي تستهدفه؛ يختلف HIG عبر الإصدارات.
SwiftUI uses deprecated modifiers
حدد الحد الأدنى لإصدار iOS بشكل صريح.
البدائل
Apple-Hig-Designer مقابل البدائل
| البديل | متى تستخدمها | المقايضة |
|---|
| the-unofficial-swift-programming-language-skill | تحتاج إلى مساعدة على مستوى اللغة، وليس تصميم HIG | اللغة، وليس واجهة المستخدم |
| cupertino | تريد MCP متصلاً بمستندات Apple الحية | MCP حي مقابل أداة مخزنة مؤقتاً |