apple-swiftui

Name: apple-swiftui
Author: fandhe-ai

github.com/fandhe-ai开发456 次安装3 天前更新

代码仓库

关于 apple-swiftui

面向 SwiftUI 开发者的参考技能，按视图、布局、状态、导航、自适应界面、文档、修饰符和动画整理官方资料，并从分类索引引导至 API 详情。

主要功能

01视图与控件参考
02布局与状态参考
03导航与自适应布局
04文档 API 与修饰符
05动画 API 参考
06按任务导航分类

适用场景

01构建标准 SwiftUI 界面
02管理视图状态与导航
03适配折叠设备布局
04添加修饰符和动画

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/apple-swiftui确认已加载。

包含的文件

除 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

详细介绍

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

支持 Markdown

登录后评论

基本信息

作者: fandhe-ai
仓库: fandhe-ai/agent-reference-skills
分类: 开发
安装次数: 56
GitHub Stars: 4

报告问题