design

用途

Design Skills 是一组用于在 Apple 各平台上实现现代设计系统的技能集合，主要服务于 Apple 平台 UI 的设计与实现工作。当用户询问 Liquid Glass 设计、现代 Apple UI 效果、视觉设计模式、材质/透明度/模糊效果、流畅动画、弹簧与弹跳动画、PhaseAnimator 或 KeyframeAnimator、视图转场与匹配几何（hero 转场）、SF Symbol 效果（bounce、pulse、wiggle、breathe）、动画完成回调或 withAnimation，或表示应用“感觉扁平”而想要 juice/游戏手感（庆祝、触觉、音效）时，该技能会被激活。此外，它也适用于反馈审计（事件是否通过正确渠道触达用户）、UX 结构（导航清晰度、可发现性、信息架构）、界面文案与提示/功能命名，以及 SF Symbols 使用与创作、字体、Dynamic Type 和文字层级等场景。

主要能力

技能集合包含以下子模块：

liquid-glass/：面向 iOS 26+、macOS 26+ 的完整 Liquid Glass 实现，涵盖 SwiftUI .glassEffect() API、AppKit NSGlassEffectView、GlassEffectContainer 模式、形变转场、交互效果与按钮样式。
animation-patterns/：面向 iOS 13–18+ 的 SwiftUI 动画模式，包括三代 API 的弹簧配置、PhaseAnimator 与 KeyframeAnimator（iOS 17+）、视图转场、匹配几何、导航转场、SF Symbol 效果，以及动画完成、事务与时间曲线。
game-feel/：将游戏手感（“juice”）作为一门学科，包含事件×渠道反馈审计、触觉词汇设计（Core Haptics 服务架构），以及与音乐共存的音效层；动效技术路由至 animation-patterns，生成代码路由至 generators/milestone-celebration。
ui-prototyping/：以命名的、可运行的 Swift #Preview 变体探索同一屏幕的不同 UI 方向，在确定最终设计前进行比较、混搭与调优。
ux-writing/：可落地的界面文案，包括语气与语调、PACE 框架、提示结构、功能命名、空状态，以及能可衡量改善 UX 的细节用词修改。
sf-symbols/：SF Symbols 端到端内容，包括选择与配置系统符号（渲染模式、可变颜色/绘制）、创作可跨字重插值的自定义符号，以及动画预设词汇。
typography/：UI 排版，包括文本样式与 Dynamic Type、带宽度轴的 San Francisco 字体家族、光学尺寸、字距（tracking）与字偶距（kerning），以及自定义字体的缩放义务。

使用方式

该技能在用户提出上述相关设计或实现问题时自动激活，并给出对应子模块的指导。资料中未提供具体的安装命令或调用步骤。

关键原则

平台一致性：遵循 Apple 人机界面指南，使用系统提供的 API，尊重用户的外观偏好。
性能：多个效果使用 GlassEffectContainer，限制每个视图的玻璃效果数量，考虑 GPU 资源。
视觉层级：玻璃效果创造深度与层次，使用色调（tints）表示突出程度，并结合适当的阴影。

参考文档

Applying Liquid Glass to custom views（SwiftUI）
NSGlassEffectView（AppKit）
本地捕获文档（可选）：若 ~/Downloads/docs/SwiftUI-Implementing-Liquid-Glass-Design.md 或 ~/Downloads/docs/AppKit-Implementing-Liquid-Glass-Design.md 存在，可读取以获取更多细节；不存在则静默跳过。

适用场景与限制

适用于 Apple 平台（iOS、macOS 等）的 UI 设计、动效、反馈与文案工作，尤其是需要实现 Liquid Glass、SwiftUI 动画、游戏手感、SF Symbols 与排版规范的场景。限制方面：资料未说明具体收费、价格、平台支持范围之外的细节或效果保证；部分能力（如 Liquid Glass）明确要求 iOS 26+ / macOS 26+，动画模式覆盖 iOS 13–18+，使用前需注意系统版本要求。