المهارات Apple HIG: Platform Design
📦

Apple HIG: Platform Design

آمن

Design Apps for Every Apple Platform

Building apps for multiple Apple platforms requires understanding each platform's unique conventions. This skill provides expert guidance on iOS, iPadOS, macOS, tvOS, visionOS, and watchOS design patterns to help you create native experiences users expect.

يدعم: Claude Codex Code(CC)
🥉 73 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "Apple HIG: Platform Design". What's the difference between iOS and macOS navigation?

النتيجة المتوقعة:

  • iOS uses tab bars at the bottom for primary navigation, optimized for thumb reach
  • macOS uses sidebars and menu bars, optimized for pointer precision
  • iOS uses push/pop navigation stacks; macOS uses multiple windows and tabs
  • iOS layouts are single-column; macOS supports dense multi-column layouts

استخدام "Apple HIG: Platform Design". How do I design buttons for tvOS?

النتيجة المتوقعة:

  • tvOS buttons must be at least 66x66 pt minimum (56x56 pt absolute minimum)
  • Design for focus state with clear visual feedback when selected
  • Buttons are navigated using the Siri Remote touch surface, not direct touch
  • Ensure sufficient contrast and large text for viewing from couch distance

التدقيق الأمني

آمن
v1 • 2/25/2026

All 567 static analysis findings are false positives. The skill contains only markdown documentation files referencing Apple's official Human Interface Guidelines. URLs are legitimate links to developer.apple.com. Terms flagged as 'C2 keywords' and 'weak cryptographic algorithm' are standard HIG terminology in documentation context. No executable code present - purely reference documentation.

7
الملفات التي تم فحصها
593
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

45
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
65
الامتثال للمواصفات

ماذا يمكنك بناءه

iOS to macOS Port

Adapting an iPhone app to Mac requires converting tab bars to sidebars, adding menu bars and keyboard shortcuts, and supporting resizable windows with denser layouts.

Universal App Design

Building a new app for iPhone, iPad, and Mac requires understanding when to share design elements versus when to implement platform-specific navigation and interaction patterns.

Spatial Computing Preparation

Porting an existing iPad app to visionOS requires learning spatial windows, volumes, spaces, and adapting touch interactions to eye tracking and hand gestures.

جرّب هذه الموجهات

Platform Comparison 
I'm designing an app for iOS and macOS. What are the key differences in navigation patterns I should know about?
Input Method Adaptation 
My app uses swipe gestures on iPhone. How should I adapt these interactions for macOS trackpad and iPad with pointer support?
Layout Translation 
I have a master-detail interface on iPad using Split View. What's the equivalent pattern on iPhone and macOS?
Multi-Platform Strategy 
I'm launching on iOS first, then expanding to iPadOS, macOS, and visionOS. What design decisions should I make now to simplify future platform expansions?

أفضل الممارسات

  • Respect each platform's identity - do not simply replicate designs across platforms
  • Match input methods to interaction patterns - touch for direct manipulation, pointer for precision
  • Use platform-specific navigation conventions users already understand

تجنب

  • Porting iOS tab bar directly to macOS without adapting to sidebar navigation
  • Using touch-optimized button sizes on macOS where smaller pointer-targeted controls are expected
  • Ignoring platform accessibility features like Dynamic Type on iOS or VoiceOver on macOS

الأسئلة المتكررة

Should I build a universal app or separate apps for each platform?
Universal apps simplify distribution and code sharing. However, each platform requires distinct UI implementations to feel native. Consider a universal app with platform-specific view controllers rather than identical UI across platforms.
How do I handle different screen sizes on iPhone?
Use Auto Layout and Size Classes to adapt to all iPhone screen sizes. Design for the smallest target screen first, then ensure layouts scale appropriately. Test on iPhone SE, standard iPhone, and Pro Max sizes.
What's the minimum OS version I should support?
Support at least two major OS versions back. As of 2025, iOS 17+, iPadOS 17+, macOS 14+, tvOS 17+, visionOS 1+, and watchOS 10+ cover the vast majority of active devices while enabling modern APIs.
Do I need to redesign my app completely for each platform?
Not completely. Share business logic, data models, and backend services. Adapt only the UI layer to match each platform's conventions. SwiftUI enables significant code sharing while rendering platform-native interfaces.
How important is it to follow HIG exactly?
HIG conventions exist because users expect them. Deviating creates friction and confusion. You can express brand identity through color, typography within guidelines, and content - but keep navigation and interaction patterns familiar.
Can I use the same design system across all platforms?
Your internal design system can define shared tokens like colors and spacing. However, the component implementations must output platform-native controls. A button looks and behaves differently on iOS versus macOS - respect those differences.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-platforms

مرجع

main

بنية الملفات

📁 references/

📄 designing-for-games.md

📄 designing-for-ios.md

📄 designing-for-ipados.md

📄 designing-for-macos.md

📄 designing-for-tvos.md

📄 designing-for-visionos.md

📄 designing-for-watchos.md

📄 SKILL.md