mobile-ios-design
ネイティブiOSインターフェースの設計
iOSアプリ構築にはApple Human Interface Guidelinesと最新のSwiftUIパターンの習得が必要です。このスキルは、洗練されたアクセシブルでプラットフォームネイティブなiOSインターフェースを作成するための包括的なリファレンスを提供します。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「mobile-ios-design」。 SF Symbol、タイトル、説明、アクセシビリティサポートを含むSwiftUIカードコンポーネントを作成する
預期結果:
- アイコン、タイトルテキスト、説明テキスト、Chevronインジケーター付きの水平カード
- Dynamic Typeサポートのためのセマンティックフォント（.headline、.subheadline）を使用
- .accessibilityLabel()および.accessibilityHint()修飾子を含める
- ライト/ダークモードのためのセマンティックカラー（.primary、.secondary）を適用
正在使用「mobile-ios-design」。 4つのタブを持つタブベースのナビゲーション構造を設計する
預期結果:
- ホーム、検索、通知、プロフィールタブを持つTabView
- 各タブは一貫したSF SymbolsのためにLabelとsystemImageを使用
- 適切なタグと選択状態管理
- 各タブ内にネストされたナビゲーション用の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アプリインターフェースの構築
Apple Human Interface Guidelinesに準拠したiOSアプリインターフェースを作成するためのSwiftUIコードを生成します。ナビゲーション、レイアウト、システム統合を含みます。
既存のUIコードのリファクタリング
レガシーUIKitコードをSwiftUIにモダナイズするか、既存のSwiftUI実装を改善してプラットフォーム規約により準拠させます。
iOSデザインパターンの学習
ナビゲーション、リスト、フォーム、アクセシビリティ、ビジュアルフィードバックを含む、一般的なiOSデザインパターンのリファレンス例を学びます。
試試這些提示
アイテムのリストを表示するiOSアプリ用のNavigationStackを使用したSwiftUIナビゲーションパターンを作成してください。プログラムによるナビゲーションと状態永続化を含めること。
サイズクラスを使用して、iPhoneでは単一カラムグリッド、iPadでは3カラムグリッドを表示する適応型SwiftUIレイアウトを作成してください。セーフエリア処理を含めること。
VoiceOverサポート、Dynamic Typeスケーリング、自動ダークモードのためのセマンティックカラー使用を含むアクセシブルなSwiftUIコンポーネントを作成すること。
テキストフィールド、トグル、ピッカー、カスタムバリデーションを含むSwiftUI設定フォームを作成すること。@AppStorageを使用した永続化と適切なiOSフォームスタイリングを含めること。
最佳實務
- 自動ライト/ダークモードサポートのために、ハードコードされたカラーではなくセマンティックカラー（.primary、.secondary、.background）を使用する
- Dynamic Typeをサポートするために、固定サイズではなくセマンティックフォント（.body、.headline、.title）を適用する
- すべてのインタラクティブ要素にアクセシビリティ修飾子（.accessibilityLabel、.accessibilityHint）を含める
避免
- 柔軟なレイアウトとセーフエリアインセットの代わりに、固定フレームサイズやハードコードされたパディング値を使用する
- iPhoneとiPadの両方のフォームファクタを設計する際にサイズクラスを無視する
- アクセシビリティテストをスキップするか、固定的テキストの代わりにセマンティックフォントを使用する