关于 swiftui
面向 SwiftUI 开发者的专项技能集合，每项深入一个 API 领域，并按问题引导至数据流、布局、图表、文本、工具栏、闹钟或网页内容相关指南。
主要功能
- 01七个专项 SwiftUI 技能领域
- 02状态与 Observation 指南
- 03自定义布局和滚动建议
- 04涵盖 AlarmKit、图表、文本和工具栏
- 05WebView 与 JavaScript 互操作指南
适用场景
- 01诊断状态重置或过度渲染
- 02选择 SwiftUI 状态管理方式
- 03构建自定义布局或优化滚动
- 04添加闹钟、图表、富文本或嵌入网页内容
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/swiftui确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
alarmkit/live-activities.mdpresentation.mdscheduling.mdwebkit/javascript-advanced.mdnavigation.mdwebview-basics.md详细介绍
SwiftUI 技能
专注于 SwiftUI 框架的技能——每个子技能都会深入介绍一个 API 领域。
此技能的启用时机
当用户遇到以下情况时，使用此技能：
- 遇到状态／渲染问题：状态重置、过度渲染、列表闪烁、动画交叉淡入淡出（数据流）
- 正在选择 @State、@Bindable 还是 @Environment，或迁移到 Observation（数据流）
- 构建自定义布局或容器，或受困于惰性堆栈／滚动性能（布局）
- 想使用 AlarmKit 设置闹钟或计时器（自定义 UI、实时活动、贪睡）
- 使用 Swift Charts 创建 3D 数据可视化（Chart3D、SurfacePlot）
- 需要带样式的文本或富文本编辑（Text、AttributedString、TextEditor）
- 正在实现或自定义工具栏（可自定义工具栏、搜索集成）
- 想要嵌入网页内容（WebView、WebPage、JavaScript 互操作）
可用技能
路径相对于此文件所在目录——技能运行时的工作目录设为用户的项目，因此请从此 SKILL.md 所在位置解析各路径。
| 技能 | 阅读 | 涵盖内容 |
|---|---|---|
| data-flow | data-flow/SKILL.md | 视图标识／生命周期／依赖关系、Observation、状态所有权、body 规范、主 actor 契约 |
| layout | layout/SKILL.md | 布局协议、Grid 选择、自定义容器、惰性堆栈与滚动性能规则 |
| alarmkit | alarmkit/SKILL.md | 使用自定义 UI 设置闹钟和计时器、实时活动、贪睡（iOS 18+） |
| charts-3d | charts-3d/SKILL.md | Chart3D、SurfacePlot、交互式姿态控制、表面样式 |
| text-editing | text-editing/SKILL.md | Text、AttributedString、带格式控件的 TextEditor |
| toolbars | toolbars/SKILL.md | 可自定义工具栏、搜索集成、过渡效果、平台行为 |
| webkit | webkit/SKILL.md | 嵌入 WebView 和 WebPage、导航、JavaScript 互操作 |
如何路由
- 将请求与上方某一行匹配。
- 阅读对应的 SKILL.md（相对于此文件），以及其中列出的任何参考文件。
- 将指南应用于用户的代码。
评论
支持 Markdown