apple-swiftui

Name: apple-swiftui
Author: fandhe-ai

github.com/fandhe-aiDevelopment456 installsUpdated 3d ago

About apple-swiftui

A reference skill for SwiftUI developers that organizes official documentation for views, layout, state, navigation, adaptive interfaces, documents, modifiers, and animation. It routes tasks through category indexes to detailed API pages.

Key features

01Views and controls references
02Layout and state references
03Navigation and adaptive layout
04Document APIs and modifiers
05Animation API references
06Task-to-category navigation

Use cases

01Building standard SwiftUI interfaces
02Managing view state and navigation
03Adapting layouts for foldable devices
04Adding modifiers and animations

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill apple-swiftui

After installing, type/apple-swiftuiin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/adaptive-layout/

arrangementview.md

arrangementviewstyle.md

cameracaptureaccessory.md

devicehinge.md

overlay-arrangement.md

README.md

reservedregion.md

split-arrangement-layout.md

references/animation/

animatable.md

animation-modifier.md

animation.md

anytransition.md

contenttransition-modifier.md

contenttransition.md

keyframeanimator.md

matchedgeometryeffect.md

phaseanimator.md

README.md

spring.md

transition-modifier.md

transition-phase.md

transition.md

withanimation-completion.md

withanimation.md

references/documents/

document.md

documentgroup.md

documentreader-writer.md

fileexporter.md

README.md

updating-document-based-app.md

Details

From the project README

SwiftUI リファレンス

SwiftUI 公式ドキュメントの主要 API を網羅したスキル。ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

対象: iOS 27 SDK / Xcode 27（iPhone Duo 系 API は iOS 27.1+、FileDocument は iOS 27.2 で deprecated）。出典 https://developer.apple.com/documentation/swiftui （DocC JSON https://developer.apple.com/tutorials/data/documentation/swiftui/.json）、取得日 2026-10-16。 UIKit 側の UIArrangementViewController / UIHingeInteraction は apple-uikit、Duo のカメラ記事は apple-media を参照。

ディレクトリ構成

skills/apple-swiftui/
  SKILL.md
  references/
    views-controls/
      README.md
      text.md
      label.md
      image.md
      button.md
      toggle.md
      textfield.md
      securefield.md
      texteditor.md
      slider.md
      stepper.md
      picker.md
      datepicker.md
      colorpicker.md
      progressview.md
      link.md
      menu.md
      list.md
      section.md
      foreach.md
      form.md
      glass-button-style.md
      reorderable.md
      swipeactions.md
      contentbuilder.md
      asyncimage.md
    layout/
      README.md
      vstack.md
      hstack.md
      zstack.md
      lazyvstack.md
      lazyhstack.md
      grid.md
      gridrow.md
      lazyvgrid.md
      lazyhgrid.md
      griditem.md
      spacer.md
      divider.md
      geometryreader.md
      viewthatfits.md
      layout.md
      alignment.md
      horizontalalignment.md
      verticalalignment.md
      edgeinsets.md
      scrollview.md
    state-data/
      README.md
      state.md
      binding.md
      bindable.md
      environment.md
      environmentvalues.md
      environmentobject.md
      stateobject.md
      observedobject.md
      observableobject.md
      appstorage.md
      scenestorage.md
      focusstate.md
      namespace.md
    navigation/
      README.md
      navigationstack.md
      navigationsplitview.md
      navigationlink.md
      navigationpath.md
      navigationdestination.md
      sheet.md
      fullscreencover.md
      popover.md
      alert.md
      confirmationdialog.md
      tabview.md
      tab.md
      toolbar.md
      toolbaritem.md
      presentationdetents.md
      toolbar-vertical.md
      toolbar-overflow.md
    adaptive-layout/
      README.md
      arrangementview.md
      arrangementviewstyle.md
      split-arrangement-layout.md
      overlay-arrangement.md
      reservedregion.md
      devicehinge.md
      cameracaptureaccessory.md
    documents/
      README.md
      documentgroup.md
      document.md
      documentreader-writer.md
      urldocumentconfiguration.md
      fileexporter.md
      updating-document-based-app.md
    modifiers/
      README.md
      frame.md
      padding.md
      background.md
      overlay.md
      foreground-style.md
      font.md
      text-styling.md
      text-layout.md
      clip-shape.md
      shadow.md
      opacity.md
      offset-position.md
      scale-rotation.md
      border-tint.md
      interaction.md
      glass-effect.md
      glass-effect-container.md
    animation/
      README.md
      withanimation.md
      withanimation-completion.md
      animation.md
      animation-modifier.md
      spring.md
      transition.md
      anytransition.md
      transition-modifier.md
      transition-phase.md
      contenttransition.md
      contenttransition-modifier.md
      matchedgeometryeffect.md
      phaseanimator.md
      keyframeanimator.md
      animatable.md

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

下記マッピング表でタスクに対応するカテゴリを探す
そのカテゴリの references/<category>/README.md を参照して目的のページを特定する
該当ページの .md を Read して詳細を確認する

タスク → カテゴリマッピング

タスク	カテゴリ	参照 README
Text / Image / Button / Toggle / List / Form などの標準ビューを使いたい	views-controls	references/views-controls/README.md
TextField / SecureField / Picker / DatePicker / Slider で入力 UI を作りたい	views-controls	references/views-controls/README.md
ForEach / Section でリストやデータ繰り返し表示をしたい	views-controls	references/views-controls/README.md
VStack / HStack / ZStack でビューを並べたい	layout	references/layout/README.md
LazyVGrid / LazyHGrid / Grid でグリッドレイアウトを作りたい	layout	references/layout/README.md
GeometryReader / ViewThatFits / Layout でサイズ・整列を制御したい	layout	references/layout/README.md
State / Binding / Bindable でビューの状態を管理したい	state-data	references/state-data/README.md
Environment / EnvironmentObject / EnvironmentValues を使いたい	state-data	references/state-data/README.md
AppStorage / SceneStorage でデータを永続化したい	state-data	references/state-data/README.md
NavigationStack / NavigationLink で画面遷移を実装したい	navigation	references/navigation/README.md
sheet / fullScreenCover / popover / alert でモーダル表示したい	navigation	references/navigation/README.md
TabView / Tab / toolbar / ToolbarItem でタブ・ツールバーを作りたい	navigation	references/navigation/README.md
縦軸ツールバー・overflow メニュー・表示優先度を制御したい	navigation	references/navigation/README.md
iPhone Duo / 折りたたみ向けに primary・secondary を出し分けたい（ArrangementView, split / overlay）	adaptive-layout	references/adaptive-layout/README.md
カメラ・ヒンジの予約領域を避けたい（ReservedRegion）／ヒンジ角度・開閉状態を取得したい（DeviceHinge, onHingeChange）／外側ディスプレイに表示したい（CameraCaptureAccessory）	adaptive-layout	references/adaptive-layout/README.md
ドキュメントベースアプリを作りたい・FileDocument から移行したい（DocumentGroup, Document, ReadableDocument, WritableDocument, fileExporter）	documents	references/documents/README.md
List 以外で並べ替え・スワイプアクションを付けたい（reorderable, swipeActionsContainer）／ContentBuilder／AsyncImage を使いたい	views-controls	references/views-controls/README.md
Liquid Glass（glassEffect / GlassEffectContainer / glass ボタン）を適用したい	modifiers	references/modifiers/README.md
frame / padding / background / overlay でレイアウト調整したい	modifiers	references/modifiers/README.md
font / foregroundStyle / shadow / opacity で見た目を整えたい	modifiers	references/modifiers/README.md
clipShape / scaleEffect / rotationEffect / border などを適用したい	modifiers	references/modifiers/README.md
withAnimation / Animation でアニメーションを付けたい	animation	references/animation/README.md
Transition / AnyTransition で挿入・削除アニメーションを定義したい	animation	references/animation/README.md
matchedGeometryEffect / PhaseAnimator / KeyframeAnimator を使いたい	animation	references/animation/README.md

Comments

Markdown supported

Details

Author: fandhe-ai
Repository: fandhe-ai/agent-reference-skills
Category: Development
Installs: 56
GitHub stars: 4

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

852.5k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

apple-swiftui

About apple-swiftui

Key features

Use cases

Install

Bundled files

Details

SwiftUI リファレンス

ディレクトリ構成

探索手順

タスク → カテゴリ マッピング

Comments

タスク → カテゴリマッピング