苹果端界面视觉、品牌资产与体验评审
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md 将 @user_fccf428b/swiftui-design 安装到当前使用的 AI 助手技能目录中。
技能介绍
解决什么问题
SwiftUI 页面在反复生成后常变成卡片堆叠、重复渐变、圆角滥用和空泛文案的组合。品牌资产也可能散落在不同视图、主题文件和组件实现里,导致色彩、字体、间距与图标风格漂移。这个技能把视觉检查和品牌约束前置到编码代理的规划与实现过程中,用来发现并修正这类 Apple 端界面问题。
核心能力与工作方式
- 使用反 AI-slop 规则检查布局、配色、阴影、圆角、间距和文案是否退化为模板化表达。
- 作为设计方向顾问,先确认页面目标、信息层级、留白节奏、可读性、可点击区域和品牌一致性,再进入代码细节。
- 按品牌资产协议整理或校验颜色、字体、图标、间距、组件状态等资产,避免每次实现临时编造。
- 通过五维评审输出结构化反馈,让修改有明确依据,而不是只判断“好不好看”。
- 可与 Claude Code、Cursor、Codex、OpenCode 等编码代理配合,按技能名或触发短语调用。
适用边界与注意点
它适合 SwiftUI 界面、品牌资产和体验评审,不能替代真实设备运行验证、无障碍实测、性能 profiling 或业务逻辑测试。当前条目用于在规划阶段让代理发现该技能;完整工作流、原始资产、脚本和参考资料需要上游包支持。
使用场景
- 编写 SwiftUI 列表页时需要检查圆角、阴影、间距和文案是否退化成模板化 AI 样式。
- 整理 Apple 端产品的颜色、字体、图标和组件状态,形成统一品牌资产协议。
- 在提交代码前评审 SwiftUI 页面的可读性、信息层级、留白和品牌一致性。
- 重构已有 SwiftUI 弹窗和卡片组件,让视觉与交互回到明确品牌约束内。
适合人员
- 负责 Apple 端界面开发的 iOS 工程师,希望避免 SwiftUI 代码出现常见 AI 风格化布局。
- 维护设计系统的设计师,需要把颜色、字体和组件状态固化成可评审的品牌资产。
- 使用 Claude Code、Cursor 或 Codex 交付 SwiftUI 页面的前端工程师,需要结构化视觉反馈。
- 跟进多端产品体验的团队负责人,希望在发布前检查界面一致性和可用性风险。