mcpField
S
swiftui-core

swiftui-core

github.com/fusengine开发3441 次安装2 周前更新
代码仓库

关于 swiftui-core

swiftui-core 是用于构建 Apple 各平台 SwiftUI 界面的编码技能,涵盖视图组合、导航、SwiftData 和状态管理,也提供无障碍与平台适配指引及实现审查流程。

主要功能

  1. 01组合式视图与修饰器
  2. 02NavigationStack 和 NavigationSplitView 模式
  3. 03SwiftData 持久化
  4. 04使用 @State、@Observable 和 @Environment 管理状态
  5. 05无障碍与平台适配指引
  6. 06预览与设计参考资料

适用场景

  1. 01构建 SwiftUI 视图和组件
  2. 02添加导航与持久化
  3. 03管理视图的本地及共享状态
  4. 04检查无障碍支持和自适应布局

安装

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

$npx skills add https://github.com/fusengine/claude-plugins --skill swiftui-core

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

详细介绍

涵盖所有 Apple 平台通用的 SwiftUI 基础知识:可组合的视图和修饰符、导航(基于堆栈的流程使用 NavigationStack,多列布局使用 NavigationSplitView)、使用 SwiftData 持久化数据(@Model,在大多数情况下取代 Core Data)、状态管理(本地状态使用 @State,共享状态使用 @Observable,注入依赖使用 @Environment)、Liquid Glass 样式,以及用于集成 Siri/Shortcuts 的 App Intents。

参考资料深入介绍视图和修饰符、导航、SwiftData、状态管理、跨平台 Liquid Glass 和 App Intents,还包含 Apple Human Interface Guidelines(HIG)规则及其来源 URL:辅助功能(Dynamic Type 至 AX5、VoiceOver、对比度、触控目标、减少动态效果/透明度)、从右到左布局、模态界面/工作表/警告/引导流程、系统界面(小组件、实时活动、通知、App 快捷指令/Siri/片段),以及 iPhone Duo。

如果存在 design-ios 交接文档,视觉规范以该文档为准;此技能负责实现并验证这些规范。最佳实践:当视图主体包含多种职责或无法一眼读懂时,提取子视图;使用 ViewBuilder 和修饰符进行组合;始终包含 #Preview;使用系统颜色(自定义颜色需要提供浅色、深色和增强对比度变体);为每个仅包含图标的控件添加标签;根据尺寸类别调整布局。

SwiftUI Core

所有 Apple 平台通用的 SwiftUI 基础知识。

Agent 工作流(强制)

任何实现开始前,必须并行启动 3 个 Agent,每个 Agent 调用一次,并指定 name:

  1. fuse-ai-pilot:explore-codebase - 分析现有 SwiftUI 模式
  2. fuse-ai-pilot:research-expert - 通过 Context7/Exa 核实最新 SwiftUI 文档
  3. mcp__apple-docs__search_apple_docs - 检查 SwiftUI 视图模式

实现完成后,运行 fuse-ai-pilot:sniper 进行验证。


概览

适用场景
  • 构建 SwiftUI 视图和组件
  • 实现导航(NavigationStack、SplitView)
  • 使用 SwiftData 持久化数据
  • 管理状态(@State、@Observable)
  • 创建自定义视图修饰符和布局
SwiftUI Core 的优势
功能优势
声明式 UI代码更少,自动更新
跨平台iOS/macOS/watchOS/visionOS 共用同一份代码
@Observable简单的响应式状态
SwiftData以最少的代码实现现代化持久化

核心概念

视图和修饰符

可组合的 UI 构建模块。达到 30 行以上时提取子视图。

导航

基于堆栈的导航使用 NavigationStack,多列布局使用 NavigationSplitView。

SwiftData

使用 @Model 实现现代化持久化。可在大多数使用场景中取代 Core Data。

状态管理

本地状态使用 @State,共享状态使用 @Observable,注入依赖使用 @Environment。


参考指南

需求参考资料
视图、修饰符、布局views-modifiers.md
NavigationStack、深度链接navigation.md
SwiftData、@Query、CloudKitdata-swiftdata.md
@State、@Observable、Environmentstate-management.md
所有平台上的 Liquid Glassliquid-glass.md
Siri、Shortcuts、App Intentsapp-intents.md
HIG 规则(任何 UI 任务都需加载)
需求参考资料
Dynamic Type AX5、VoiceOver、对比度、触控目标、减少动态效果hig-accessibility.md
阿拉伯语/希伯来语镜像布局、数字格式hig-rtl.md
工作表、警告、模态界面、引导流程、启动、权限hig-modality.md
小组件、实时活动、通知、App 快捷指令、Siri、片段hig-system-surfaces.md
iPhone Duo(可折叠设备)、保留区域、垂直工具栏hig-iphone-duo.md

最佳实践

  1. 小型视图 - 达到 30 行以上时提取为独立视图
  2. 组合 - 使用 ViewBuilder 和修饰符
  3. 预览驱动 - 始终包含 #Preview
  4. 系统颜色 - 自定义颜色需提供浅色、深色和增强对比度变体(HIG 颜色指南)
  5. 无障碍功能 - 为仅图标控件添加标签,确保布局在 AX5 下正常显示,在 iOS 上将触控目标设为 >= 44 pt(hig-accessibility.md)
  6. 平台适配 - 使用尺寸类别,不要固定宽度或检查设备类型(HIG 布局指南)

评论

支持 Markdown