用途:当用户要求构建 iOS 屏幕、组件或视图时,该技能引导用 SwiftUI 实现可运行、生产级且具辨识度的界面,在贴合 Apple 设计语言的同时保持独特个性。
主要能力:编码前先明确设计方向,包括用途(解决什么问题、谁使用、核心操作)、基调(优雅、活泼、专业、温暖、醒目、沉静、动感、奢华、亲和、极简等)、上下文(在应用流程中的位置)与差异化(记忆点与标志性细节)。实现层面覆盖排版(SF Pro、Dynamic Type、字重层级、SF Pro Rounded、自定义字体与文字缩放)、颜色与主题(语义色、标志性强调色、Asset Catalog 明暗变体、渐变、材质与层次)、深色模式(每个视图在明暗两种模式下都需有意设计,使用 systemBackground 层级并保证对比度)、动效(withAnimation、matchedGeometryEffect、phaseAnimator、keyframeAnimator、微交互、转场、滚动效果与触觉反馈,并给出快中慢的时长参考)、空间构成(安全区、8pt 网格、留白、卡片圆角与阴影、全出血图片)、SF Symbols(层级与多色渲染、可变颜色、符号效果、自定义符号)、原生组件(列表、导航、Sheet、按钮、文本框、标签栏的定制)、手势(拖拽、长按、缩放及组合手势)。
使用方式:用户提供界面需求与背景信息,技能据此先确定美学方向,再按结构、布局、视觉、动效、打磨的顺序实现 SwiftUI 代码。
适用场景:构建 iOS 屏幕、组件或视图,需要兼顾原生质感与独特风格时。
限制与反模式:避免未定制的默认组件、无层次的纯色背景、缺失深色模式、忽略 Dynamic Type 与无障碍、网页式布局、滥用 SF Symbols、卡顿动画、拥挤布局与不一致的圆角间距。代码质量上建议使用 @ViewBuilder、拆分可复用组件、优先组合、多配置预览与 @Environment 传递设计令牌。具体安装命令与收费信息暂未提供。