mobile-ios-design
Проектирование нативных iOS интерфейсов
Создание iOS приложений требует следования рекомендациям Apple Human Interface Guidelines и современным паттернам SwiftUI. Этот навык предоставляет исчерпывающие справочные материалы для создания отшлифованных, доступных и платформенно-нативных iOS интерфейсов.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「mobile-ios-design」。 Create a SwiftUI card component with SF Symbol, title, description, and accessibility support
預期結果:
- Горизонтальная карточка с иконкой, текстом заголовка, текстом описания и индикатором шеврона
- Использует семантические шрифты (.headline, .subheadline) для поддержки Dynamic Type
- Включает модификаторы .accessibilityLabel() и .accessibilityHint()
- Применяет семантические цвета (.primary, .secondary) для светлой/тёмной темы
正在使用「mobile-ios-design」。 Design a tab-based navigation structure with four tabs
預期結果:
- TabView с вкладками Home, Search, Notifications и Profile
- Каждая вкладка использует Label с systemImage для согласованных SF Symbols
- Правильное управление тегами и состоянием выбора
- NavigationStack вложен в каждую вкладку для вложенной навигации
安全審計
安全Pure documentation skill containing iOS design guidelines and SwiftUI code examples. All static findings are false positives: markdown code blocks (```swift) were misidentified as shell backticks, Swift code patterns triggered crypto/recon heuristics, and Apple documentation URLs were flagged as hardcoded URLs. No executable code, network calls, credential handling, or shell commands present.
品質評分
你能建構什麼
Создание интерфейсов iOS приложений
Генерировать SwiftUI код для создания интерфейсов iOS приложений, соответствующих рекомендациям Apple Human Interface Guidelines, включая навигацию, макеты и системную интеграцию.
Рефакторинг существующего UI кода
Модернизировать устаревший UIKit код в SwiftUI или улучшить существующие реализации SwiftUI для лучшего соответствия платформенным конвенциям.
Изучение паттернов дизайна iOS
Изучать справочные примеры для распространенных паттернов дизайна iOS, включая навигацию, списки, формы, доступность и визуальную обратную связь.
試試這些提示
Создайте паттерн навигации SwiftUI с использованием NavigationStack для iOS приложения, которое отображает список элементов. Включите программную навигацию и сохранение состояния.
Создайте адаптивный SwiftUI макет, который использует классы размера для отображения одноколоночной сетки на iPhone и трёхколоночной сетки на iPad. Включите обработку безопасных областей.
Создайте доступные SwiftUI компоненты, включая поддержку VoiceOver, масштабирование Dynamic Type и использование семантических цветов для автоматического тёмного режима.
Создайте форму настроек в SwiftUI с текстовыми полями, переключателями, выборщиками и пользовательской валидацией. Включите @AppStorage для сохранения и правильный iOS стиль формы.
最佳實務
- Используйте семантические цвета (.primary, .secondary, .background) вместо захардкоженных цветов для автоматической поддержки светлой/тёмной темы
- Применяйте семантические шрифты (.body, .headline, .title) вместо фиксированных размеров для поддержки Dynamic Type
- Включайте модификаторы доступности (.accessibilityLabel, .accessibilityHint) на всех интерактивных элементах
避免
- Использование фиксированных размеров фрейма или захардкоженных значений отступов вместо гибких макетов и безопасных областей
- Игнорирование классов размера при проектировании для форм-факторов iPhone и iPad
- Пропуск тестирования доступности или использование фиксированного текста вместо семантических шрифтов