swiftui について
Appleのドキュメントをローカルファイルで参照できるSwiftUIリファレンススキルです。開発者がフレームワークAPIを調べ、追加ドキュメントのパスを見つけるのに役立ちます。
主な機能
- 01ローカルのSwiftUIドキュメント
- 02フレームワークとAPIのインデックス
- 03一般的なビューのトピックガイド
- 04追加ドキュメントの検索手順
活用シーン
- 01SwiftUIビューAPIの参照
- 02ローカルのモディファイア文書の検索
- 03追加のApple文書パスの特定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ prisma-labs-dev/ apple-skills --skill swiftuiインストール後、Claude Code で/swiftuiを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
alert.mdareamark.mdasyncimage.mdbarmark.mdbinding.mdbutton.mdcanvas.mdchart.mdcharts-overview.mdcolor.mdconfirmationdialog.mdcontentunavailableview.mddisclosuregroup.mdenvironment.mdform.mdgeometryreader.mdgraphicscontext.mdgrid.mdhstack.mdimage.mdinspector.mdlabel.mdlazyhstack.mdlazyvstack.mdlinemark.mdlist.mdmenu.mdnavigationlink.mdnavigationsplitview.mdnavigationstack.md詳細
SwiftUI リファレンス
このスキルでは、ダウンロードしたリファレンスファイルを通じて SwiftUI のドキュメントを利用できます。
ダウンロード済みのリファレンスファイル
以下の Apple のドキュメントページをローカルで利用できます(grep で検索可能です)。
| ファイル | 内容 |
|---|---|
| swiftui-overview.md | SwiftUI フレームワークの全体インデックス(907KB) |
| view-protocol.md | View プロトコルとすべてのモディファイア(59KB) |
| state.md | @State プロパティラッパー |
| binding.md | @Binding プロパティラッパー |
| environment.md | @Environment プロパティラッパー |
| observation.md | @Observable マクロ(iOS 17+) |
| navigationstack.md | NavigationStack(iOS 16+) |
| navigationsplitview.md | NavigationSplitView |
| tabview.md | TabView |
| list.md | List ビュー |
| canvas.md | Canvas — 即時モード描画(iOS 15+) |
| graphicscontext.md | GraphicsContext — Canvas 内で使用する描画 API |
追加ドキュメントの取得
- まず、このスキルのローカル
.mdファイルを検索します。 - 該当するトピックがない場合は、利用可能なほかのインストール済み Apple スキルを名前、説明、または
SKILL.mdのフロントマターで確認し、ローカルファイルを grep で検索します。インターネットから新しいドキュメントを取得するより速く、コンテキストの使用量も少なくて済みます。 - 該当するページがどのインストール済みスキルにもない場合は、
swiftui-overview.mdにある関連ドキュメントのパスをsosumi.aiの Markdown ミラーで使用します。たとえば、/documentation/swiftui/buttonはhttps://sosumi.ai/documentation/swiftui/buttonに対応します。
よく使う SwiftUI ドキュメントのパス
| トピック | URL パス |
|---|---|
| Text | swiftui/text |
| Button | swiftui/button |
| Image | swiftui/image |
| VStack | swiftui/vstack |
| HStack | swiftui/hstack |
| ZStack | swiftui/zstack |
| Form | swiftui/form |
| Sheet | swiftui/sheet |
| Alert | swiftui/alert |
| Picker | swiftui/picker |
| Toggle | swiftui/toggle |
| Slider | swiftui/slider |
| ProgressView | swiftui/progressview |
| AsyncImage | swiftui/asyncimage |
| GeometryReader | swiftui/geometryreader |
| ScrollView | swiftui/scrollview |
| LazyVStack | swiftui/lazyvstack |
| LazyHStack | swiftui/lazyhstack |
| NavigationLink | swiftui/navigationlink |
| ToolbarItem | swiftui/toolbaritem |
| Canvas | swiftui/canvas |
| GraphicsContext | swiftui/graphicscontext |
使用方法
- まずダウンロード済みファイルを確認します - トピックに関する情報をローカルの
.mdファイルで grep します - 概要をインデックスとして使います -
swiftui-overview.mdでドキュメントのパスを検索します - 必要な場合にのみ取得します - 該当するページがインストール済みのスキルにない場合は、概要にあるドキュメントのパスを使って
sosumi.aiを利用します
ワークフローの例:
# Looking for info on modifiers?
grep -i "padding" view-protocol.md
# Need full Text documentation? Check the local file first.
grep -i "font" text.md
ソース
コメント
Markdown 対応