シナリオ

iOS SwiftUI ツールキット

UI パターン、パフォーマンス診断、ビューリファクタリングのベストプラクティスでプロダクション対応の SwiftUI アプリを構築 — iOS 開発者に不可欠な 3 つのスキル。

3 スキル 4 インストール

iosswiftuimobileapplexcode

4 日前に更新

インストール

このパック内のすべてのスキルをインストールするには、このコマンドを実行してください:

npx skillstore add @ios-swiftui-toolkit

CLI は Codex と Claude Code のフォルダを自動検出し、利用できる場合は両方にインストールします。

概要

使用ガイド

AI が改善しました

詳細ガイド

## 概要

プロダクション対応の SwiftUI アプリを構築 — このツールキットは、UI パターン、パフォーマンス診断、ビューリファクタリングのための 3 つの必須 Dimillian スキルをバンドルしています。

## クイックスタート

1. **プラグインのインストール**: `npx skillstore add @ios-swiftui-toolkit`
2. **UI パターンから始める**: 新しいスクリーンを作成する際や既存のビューをリファクタリングする際は **swiftui-ui-patterns** スキルを使用します — TabView、NavigationStack、sheets、lists、forms、theming をカバーし、プロダクションアプリからの実際のコード例を含みます
3. **パフォーマンスのプロファイリング**: スクロールがカクついたり CPU 使用量が多すぎたりする場合は、**swiftui-performance-audit** スキルを呼び出して根本原因を診断し、Instruments によるプロファイリングのガイダンスを取得します
4. **ビューファイルのクリーンアップ**: **swiftui-view-refactor** スキルを使用して、@Observable による依存性注入を標準化し、オプショナルなビューモデルバインディングを削減し、MV アーキテクチャを適用します

## 主要スキル

- **swiftui-ui-patterns** — TabView、NavigationStack、sheets、forms、lists、theming のベストプラクティス。コンポーネント固有のパターン（controls、grids、overlays、search bars など）のための実際のコード例
- **swiftui-performance-audit** — 遅いレンダリング、高 CPU/メモリ使用量、過度なビュー更新、レイアウトスラッシュを診断。コードレビューだけでは不十分な場合に Instruments によるプロファイリングのガイダンスを提供
- **swiftui-view-refactor** — SwiftUI ビュー構造を標準化：依存性注入、@Observable の使用、非オプショナルなビューモデル、一貫した MV パターン

## ヒント

- **swiftui-ui-patterns** と **swiftui-view-refactor** を連携使用：**swiftui-ui-patterns** でスクリーンを構築し、コミット前に **swiftui-view-refactor** で整理します
- App Store への提出前に **swiftui-performance-audit** を使用して、メモリリークやレンダリングの問題を早期に発見
- 一貫したアーキテクチャを望むモダンな SwiftUI（@Observable を使用した iOS 17+）を採用するチームに最適