【免费下载链接】SwiftUI-Agent-SkillSwiftUI agent skill for Claude Code, Codex, and other AI tools.项目地址https://gitcode.com/GitHub_Trending/swi/SwiftUI-Agent-Skill点击查看免费下载ContentUnavailableView是 SwiftUI 内置的系统级空状态组件而 SwiftUI-Agent-Skill 项目提供的 SwiftUI Pro 技能会把优先使用 ContentUnavailableView 而非自定义设计作为硬性规则直接教给 Claude Code、Codex 等 AI 编码助手。这篇教程带你理解它的定位、两大系统场景以及如何借助 swiftui-pro/SKILL.md 的审查流程把 App 里的空状态设计一次性系统化。为什么空状态需要系统化空状态没有数据、加载失败、搜索无结果是每个 App 都无法回避的界面。手写它容易踩坑 文案、字体、留白各页面不一致App 看起来拼装感很强♿ 忽略 VoiceOver 与 Dynamic Type无障碍不合格 在深色模式、小屏、大字号下表现不稳定SwiftUI 从 iOS 17 起提供了ContentUnavailableView用一个组件就解决了以上问题。而 SwiftUI-Agent-Skill 的意义在于把该用系统组件这条经验变成 AI 助手每次写代码、做审查时都遵守的规范。两种最值得使用的系统场景场景一数据为空Data Unavailable列表、集合、云同步失败等这里本来应该有内容的页面直接给一个描述即可ContentUnavailableView( No Folders, systemImage: folder.badge.questionmark, description: Text(Folders you create will appear here.) )描述、图标、提示三段式结构系统会自动处理居中布局、层级颜色与动态字体缩放——你不需要写任何布局代码。场景二搜索无结果Search Unavailable配合searchable()使用时推荐直接用搜索特化版本if searchResults.isEmpty { ContentUnavailableView.search }这里有一个非常容易被 AI和新手写错的点ContentUnavailableView.search会自动带上用户输入的搜索词无需再写成ContentUnavailableView.search(text: searchText)之类的冗余形式。这一条就写在项目的设计规范里参见 swiftui-pro/references/design.md空状态设计系统化AI 审查如何兜底在 Claude Code 中输入/swiftui-pro在 Codex 中输入$swiftui-pro也可以直接说用 SwiftUI Pro 技能检查这个项目的空状态设计。技能会按 swiftui-pro/SKILL.md 中的流程依次核对 API、视图、数据流、导航、设计、无障碍、性能等维度其中设计规范来自设计规则清单swiftui-pro/references/design.md标准系统样式一节第 15–23 行无障碍要求VoiceOver、动态字体swiftui-pro/references/accessibility.md技能主入口swiftui-pro/SKILL.md审查输出会按文件组织指出具体行号、违反的规则并给出前后对比的修改建议例如这里手写了 VStack Text 的空状态应改为 ContentUnavailableView。配套规则速查表 同一份设计规范里与空状态页面紧密相关的还有这几条场景推荐做法避免图标 文字横排Label手写HStack次级视觉层级系统层级样式secondary/tertiary手动调opacity标题 控件/数值LabeledContentForm 内外均可用自行拼接布局圆角RoundedRectangle默认即.continuous重复显式指定字号语义化字体.body、.caption硬编码字号慎用.caption2详见 swiftui-pro/references/design.md。上手建议3 个要点总结能用系统组件就不自己设计——ContentUnavailableView 自带统一视觉、深色模式适配与无障碍支持。搜索页用ContentUnavailableView.search——自动附带搜索词少传一个参数少一个出错点。把规范交给 AI 兜底——安装 SwiftUI Pro 技能后让 AI 审查替你守住一致性这条底线你只专注业务逻辑。这套规则的完整上下文项目定位、安装方式可以查看 README.md技能的可移植规则文件位于 swiftui-pro/skills/swiftui-pro/SKILL.md。赞分享【免费下载链接】SwiftUI-Agent-SkillSwiftUI agent skill for Claude Code, Codex, and other AI tools.项目地址https://gitcode.com/GitHub_Trending/swi/SwiftUI-Agent-Skill点击查看免费下载相关推荐nlp-roadmap项目深度解析从概率统计到SOTA模型的完整学习路径nlp roadmap项目深度解析从概率统计到SOTA模型的完整学习路径 想要系统学习自然语言处理NLP却不知从何开始nlp roadmap项目为你提供SwiftUI Introspect 终极指南突破 SwiftUI 限制的完整教程SwiftUI Introspect 终极指南突破 SwiftUI 限制的完整教程 SwiftUI Introspect 是一款强大的开源工具它让开发者能够开发工具FunClip使用指南本地部署AI视频剪辑3步把2小时会议录像变成精华片段FunClip使用指南本地部署AI视频剪辑3步把2小时会议录像变成精华片段 FunClip 是一款本地部署的开源AI视频剪辑工具基于阿里达摩院 FunAS音视频语音人工智能AI 应用本地部署创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考