用途:这是一套基于 Design+Code(Meng To)的结构化设计与代码审查方法,用于系统评估 SwiftUI 界面,区分业余与专业 Apple 平台应用。适用于新建或审查 SwiftUI 屏幕/组件、合并前代码审查、界面“感觉不对”却找不到原因、提交 App Store 前、iOS 与 macOS 互移植、以及重构积累设计债的视图。不适用于无 UI 的后端/API 代码、UIKit/AppKit 代码,不能替代真实用户测试,也不处理品牌/营销设计决策。
主要能力:按 8 个阶段顺序推进——1 视觉层级与设计基础(色彩 60-30-10、字体层级、间距系统、深色模式);2 SwiftUI 结构与布局(属性包装器、GeometryReader、硬编码尺寸、导航、修饰符顺序、懒加载栈);3 动画质量(曲线、过渡、matchedGeometryEffect、时长、微交互、性能);4 视觉效果与材质(材质、阴影系统、渐变、层次、连续圆角、玻璃拟态);5 手势与触觉(手势实现、@GestureState、速度、触觉反馈、无障碍替代、系统手势冲突);6 数据与状态管理;7 平台规范;8 无障碍与打磨。每阶段提出针对性问题、阅读对应章节摘要、执行具体测试(SwiftUI 源码 grep、Xcode 预览配置、Accessibility Inspector 检查),并按 CRITICAL/HIGH/MEDIUM/LOW/INFO 标记发现,阶段间先总结。若界面无相关表面(如静态设置页无动画),说明理由后跳过。最终产出 Design+Code 审查报告。
使用方式:按阶段顺序执行,使用资料中给出的 grep 命令检查代码,例如 grep -rn "Color(red:|Color(#|UIColor(red:|NSColor(red:|.color(red:" --include=".swift"、grep -rn ".font(.largeTitle|.font(.title|.font(.headline|.font(.body|.font(.caption|.font(.subheadline|.font(.callout|.font(.footnote" --include=".swift"、grep -rn "@ObservedObject.=.()" --include=".swift"、grep -rn "NavigationStack|NavigationSplitView|NavigationView" --include=".swift"、grep -rn ".spring(|.interactiveSpring|.bouncy|.snappy|.smooth" --include=".swift"、grep -rn ".ultraThinMaterial|.thinMaterial|.regularMaterial|.thickMaterial|.ultraThickMaterial" --include=".swift"、grep -rn "UIImpactFeedbackGenerator|UISelectionFeedbackGenerator|UINotificationFeedbackGenerator|.sensoryFeedback|impactOccurred|selectionChanged|notificationOccurred" --include="*.swift" 等。
限制:仅面向 SwiftUI,不覆盖 UIKit/AppKit;不替代用户测试;品牌与营销设计不在范围内;资料未提供具体收费、价格、平台支持范围或效果保证等信息。