让AI画出原生苹果味界面！这款HIG Skill能把设计规范直接落地

你有没有这种感觉——让 AI 帮你写个 iOS 界面，出来的效果总觉得”差点意思”，颜色不对、字体别扭、圆角弧度一眼假？

问题不在 AI 不努力，而在没人告诉它 Apple 的 HIG（Human Interface Guidelines）到底怎么落地。

今天挖到一个宝藏 Skill，专门干这件事——apple-hig-designer。

这个 Skill 干了什么？

一句话：让 AI 照着 Apple 官方设计规范画界面。

它内置了完整的 Apple 设计体系，包括但不限于：

• SF Symbols 图标集成 — iOS 原生图标库的正确用法
• San Francisco 字体系统 — 完整的 iOS 字体刻度（caption2 到 large-title），以及什么时候用 Display 什么时候用 Text
• 系统色板 — #007AFF 蓝、#34C759 绿，亮色/暗色模式完整覆盖
• 同心圆半径法则 — inner_radius + padding = outer_radius，这是 Apple 界面看起来”舒服”的底层几何秘密
• Liquid Glass（iOS 26+） — 苹果最新毛玻璃特效的设计参数
• 无障碍支持 — Dynamic Type、VoiceOver、对比度要求

覆盖平台：iOS / iPadOS / macOS / watchOS / tvOS / visionOS，全支持。

实际体验怎么样？

触发也很简单，中英文都行：

"Design an Apple-style settings page"
"帮我设计一个苹果风格的主页"
"Create HIG-compliant navigation"

丢给 Claude Code，它会按照 HIG 的四大原则（Clarity / Deference / Depth / Consistency）来构建组件——而不是给你一堆 Bootstrap 风的圆角卡片。

visionOS 的空间 UI、watchOS 的复杂功能块、widgets 和 Live Activities——这些特殊场景也有专门的处理逻辑。

为什么值得装？

Apple 的 HIG 文档写得很详细，但落地到代码实现上有一堆细节：圆角用多少 px？separator 的透明度是多少？SF Pro Display 和 SF Pro Text 的分界线在哪?

这个 Skill 把这些全部变成了可直接用的 CSS 变量和设计决策逻辑。你不需要研究文档，AI 直接帮你执行。

适合：做 Apple 平台开发的工程师、想快速出高质量 iOS 原型的人、以及任何想学 Apple 设计语言的开发者。

GitHub 链接：

tristan-mcinnis/apple-hig-designer-skill-2026

GitHub: https://github.com/tristan-mcinnis/apple-hig-designer-skill-2026