SuperAPI AI 工具集

swiftui-excellence

办公与效率

查看项目

更新于 10-16 03:40

技能介绍

用途:为构建 iOS、iPadOS、macOS、visionOS 的 SwiftUI 界面提供战术性设计指南,目标是做出接近 Apple 原生应用质感的界面。

主要能力:提出六条不可妥协原则——内容优先、优先使用系统组件、按状态而非屏幕设计、无障碍作为约束、性能即功能、连贯优于炫技。提供 ADA 评审维度(Delight、Innovation、Interaction、Inclusivity、Visuals)。给出设计工作流:定义体验、梳理信息架构、设计层级、先建设计令牌、构建组件、集成结构、添加动效、无障碍与性能检查。

Liquid Glass(iOS 26+)规则:玻璃用于浮在内容之上的导航/控制层;相邻玻璃放入 GlassEffectContainer;自定义控件用 glassEffect(.interactive);形变过渡用 glassEffectID。避免在内容层、玻璃叠玻璃、过度着色、工具栏后自定义背景。

布局与动画:List 用于大数据集与选择/滑动/编辑;ScrollView + LazyVStack 用于自定义卡片;Grid 用于表单设置;LazyVGrid 用于响应式画廊;NavigationSplitView 用于 iPad/Mac 层级应用;NavigationStack 用于深层导航。动效应传达因果、层级与连续性,状态驱动,弹簧用于有机 UI,淡入淡出用 ease-in/out,自定义过渡仅用于标志性时刻,并提供 Reduce Motion 回退。

性能规则:body 保持轻量,不在其中排序、过滤、格式化或 I/O;ForEach 使用稳定 id;保持 @State 局部,传 Binding 而非整个模型;用 Instruments 26 的 SwiftUI instrument 检测卡顿。

无障碍清单:使用系统文字样式,XXL+ 不裁切;布局自适应;非显而易见控件加 VoiceOver 标签/提示;焦点顺序匹配阅读顺序;最小 44×44pt 触控目标;Reduce Motion 移除视差改用透明度;Reduce Transparency 增强分隔。

组件原语:屏幕脚手架、区块标题、卡片表面、列表行、主/次/图标按钮、空状态、加载骨架、错误横幅、表单字段行、标签/胶囊。

限制:资料未提供具体安装命令、收费方式、平台支持范围或效果保证;完整实现模式、代码配方、设计令牌与 ADA 评审清单见 swiftui-playbook.md。