mobile-ios-design
Diseñar interfaces nativas de iOS
Crear aplicaciones de iOS requiere seguir las directrices Human Interface Guidelines de Apple y los patrones modernos de SwiftUI. Esta habilidad proporciona referencias completas para crear interfaces de iOS pulidas, accesibles y nativas de plataforma.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「mobile-ios-design」。 Crear un componente de tarjeta SwiftUI con SF Symbol, título, descripción y soporte de accesibilidad
預期結果:
- Una tarjeta horizontal con icono, texto de título, texto de descripción y indicador de flecha
- Usa fuentes semánticas (.headline, .subheadline) para soporte de Dynamic Type
- Incluye modificadores .accessibilityLabel() y .accessibilityHint()
- Aplica colores semánticos (.primary, .secondary) para modo claro/oscuro
正在使用「mobile-ios-design」。 Diseñar una estructura de navegación basada en pestañas con cuatro pestañas
預期結果:
- TabView con pestañas Inicio, Búsqueda, Notificaciones y Perfil
- Cada pestaña usa Label con systemImage para SF Symbols consistentes
- Gestión apropiada de tag y estado de selección
- NavigationStack incrustado dentro de cada pestaña para navegación anidada
安全審計
安全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.
品質評分
你能建構什麼
Crear interfaces de aplicaciones iOS
Generar código SwiftUI para crear interfaces de aplicaciones iOS que sigan las directrices Human Interface Guidelines de Apple, incluyendo navegación, diseños e integración del sistema.
Refactorizar código UI existente
Modernizar código de UIKit heredado a SwiftUI, o mejorar implementaciones SwiftUI existentes para mejor seguimiento de convenciones de plataforma.
Aprender patrones de diseño de iOS
Estudiar ejemplos de referencia para patrones de diseño de iOS comunes incluyendo navegación, listas, formularios, accesibilidad y retroalimentación visual.
試試這些提示
Crear un patrón de navegación SwiftUI usando NavigationStack para una aplicación de iOS que muestra una lista de elementos. Incluir navegación programática y persistencia de estado.
Crear un diseño SwiftUI adaptable que use clases de tamaño para mostrar una cuadrícula de una sola columna en iPhone y una cuadrícula de tres columnas en iPad. Incluir manejo de área segura.
Crear componentes SwiftUI accesibles incluyendo soporte para VoiceOver, escalado de Dynamic Type y uso de colores semánticos para modo oscuro automático.
Crear un formulario de configuración en SwiftUI con campos de texto, interruptores, selectores y validación personalizada. Incluir @AppStorage para persistencia y estilo de formulario iOS apropiado.
最佳實務
- Usar colores semánticos (.primary, .secondary, .background) en lugar de colores codificados para soporte automático de modo claro/oscuro
- Aplicar fuentes semánticas (.body, .headline, .title) en lugar de tamaños fijos para soportar Dynamic Type
- Incluir modificadores de accesibilidad (.accessibilityLabel, .accessibilityHint) en todos los elementos interactivos
避免
- Usar tamaños de marco fijos o valores de padding codificados en lugar de diseños flexibles e insets de área segura
- Ignorar clases de tamaño al diseñar para ambos formularios de iPhone y iPad
- Omitir pruebas de accesibilidad o usar texto fijo en lugar de fuentes semánticas