做 Apple 风格界面，这个 Skill 给你塞了一套完整设计系统

做 Apple 风格界面，这个 Skill 直接给你塞了一套完整设计系统

独立开发者做 iOS App 最头疼的事是什么？代码能跑，但界面看起来就是”不像 iOS 原生”——字体不对、圆角凭感觉、颜色乱搭，整个 App 廉价感满满。

最近发现一个 Claude Code Skill，叫 apple-hig-designer，作者是 @tristan-mcinnis。它把 Apple 官方 Human Interface Guidelines 整个翻译成了可操作的 SKILL.md，直接喂给 Claude Code，以后生成 iOS/macOS/visionOS 界面时自动遵循 HIG 规范。

它到底给你塞了什么？

光是参考文档就有 1600+ 行，拆成了 6 个模块：

• Foundations：San Francisco 字体正确用法（Display/Text 分界线是 20pt）、完整色板（Light/Dark Mode 各一套）、8pt 栅格、最小点击区域 44pt……全是 Apple 设计团队内部在用的数值
• Components：Button、Tab Bar、Navigation Bar、Card、Sheet、Alert 这些组件的精确样式规范，比如主按钮必须是胶囊形、圆角 9999px、背景 #007AFF
• Patterns：Onboarding、Settings、错误处理、权限请求、Undo 这些 UX 流程的标准写法
• Platforms：iOS、iPadOS、macOS、watchOS、tvOS、visionOS 各自的设计差异，特别是 visionOS 的空间 UI 设计
• Liquid Glass：iOS 26+ 的新设计语言——半透明玻璃材质、动态着色、流畅交互动效果
• Accessibility：VoiceOver、Dynamic Type、Reduced Motion 支持，WCAG AA 级

实际效果怎么样？

我让 Claude Code 用这个 Skill 写了一个设置页面，结果：SF Symbols 图标自动对齐、导航栏大标题随滚动收缩、Card 背景色用对了 #F2F2F7、按钮是胶囊形……基本上达到了可以直接给甲方看的原型级别。

对于没有设计经验的全栈工程师来说，这个 Skill 就像一个随身带的设计顾问——你不需要背 HIG 规范，让 Claude 替你记着就行。

怎么安装？

一条命令搞定：

cp SKILL.md ~/.claude/skills/apple-hig-designer.md
mkdir -p ~/.claude/skills/references
cp references/*.md ~/.claude/skills/references/

之后在 Claude Code 里说”帮我做一个符合 Apple 风格的设置页面”，它就会自动调用这个 Skill。

适合谁用？

独立开发者：快速做 iOS 原型，颜值直接拉满，不用再被说”看起来像安卓”；全栈工程师：团队没有 UI 设计师，这个 Skill 帮你补位；设计师：当 HIG 快速查阅手册用，比翻 Apple 官方文档效率高。

GitHub 才刚上线不久，Star 数还很少，属于还没被发现的宝藏。设计师/开发者都可以去 GitHub 点个 Star 收藏～

⭐ GitHub 仓库直达

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