mcpField
H
hig

hig

github.com/prisma-labs-dev设计与 UI349907 次安装5 周前更新
代码仓库

关于 hig

hig 是 Apple 人机界面指南的本地可搜索参考资料,供开发者查询系统界面、无障碍、人体工学和审核规范等事实信息。它提供 Markdown 文档供查阅,不规定视觉设计方向。

主要功能

  1. 01本地可搜索的 HIG 文档
  2. 02查询系统组件与规范
  3. 03无障碍和人体工学事实
  4. 04App Review 规范参考

适用场景

  1. 01核对最小触控目标尺寸
  2. 02查询 Dynamic Type 和对比度
  3. 03查找系统控件指南
  4. 04确认 App Review 规范

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/prisma-labs-dev/apple-skills --skill hig

安装后在 Claude Code 中输入/hig确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

accessibility.md
accessibility.videos.md
action-sheets.md
activity-views.md
alerts.md
alerts.videos.md
app-icons.md
app-icons.videos.md
buttons.md
buttons.videos.md
charts.md
color.md
designing-for-ios.md
feedback.md
hig-index.md
home-screen-quick-actions.md
launching.md
layout.md
lists-and-tables.md
materials.md
materials.videos.md
menus.md
modality.md
motion.md
navigation-bars.md
onboarding.md
pickers.md
playing-haptics.md
playing-haptics.videos.md
popovers.md

详细介绍

人机界面指南参考

Apple 人机界面指南的本地可搜索副本——用于按需查询事实,而非提供设计方向。

可用它回答事实性问题:系统组件能做什么、Apple 如何称呼某项功能、无障碍与人体工学最低标准(44pt 点击目标、动态字体行为、对比度),以及 App Review 实际检查的规范。

我们代码库中的视觉设计由设计模型自行决定。 查询 HIG 了解事实,切勿将其作为美学依据——它描述的是系统提供和要求的内容,而不是你的屏幕应该是什么样子。

已下载的参考文件

所有重要的 HIG 文档均可在本地查阅(便于 grep 搜索):

入门
文件内容大小
hig-index.md完整的 HIG 目录11KB
designing-for-ios.mdiOS 设计原则5KB
基础
文件内容大小
app-icons.mdApp 图标设计指南14KB
color.md颜色用法与系统颜色17KB
typography.md字体、文本样式、动态字体17KB
layout.md布局原则、安全区域21KB
materials.md材质、模糊效果、活力效果14KB
motion.md动画原则9KB
accessibility.md无障碍最佳实践19KB
sf-symbols.mdSF Symbols 用法21KB
模式
文件内容大小
onboarding.md引导流程6KB
modality.md模态呈现7KB
launching.mdApp 启动体验6KB
feedback.md用户反馈模式5KB
playing-haptics.md触觉反馈10KB
searching.md搜索模式7KB
settings.md设置模式7KB
组件 - 导航
文件内容大小
tab-bars.md标签栏设计11KB
navigation-bars.md导航栏模式17KB
toolbars.md工具栏设计17KB
sidebars.md侧边栏模式8KB
组件 - 呈现
文件内容大小
sheets.md工作表呈现11KB
alerts.md提醒对话框10KB
action-sheets.md操作表单4KB
menus.md菜单设计14KB
组件 - 控件
文件内容大小
buttons.md按钮样式与用法17KB
lists-and-tables.md列表与表格模式9KB
toggles.md切换控件设计9KB
pickers.md选择器控件6KB
sliders.md滑块控件6KB
steppers.md步进器控件2KB
text-fields.md文本输入框6KB
搜索文档
# Find color guidance
grep -i "semantic" color.md

# Find button styles
grep -i "bordered" buttons.md

# Find haptic patterns
grep -i "notification" playing-haptics.md

# Browse the full HIG index
grep -i "navigation" hig-index.md

获取更多文档

  1. 首先搜索此技能的本地 .md 文件。
  2. 如果这里没有相关主题,请根据名称、描述或 SKILL.md frontmatter 检查你能使用的其他已安装 Apple 技能,然后 grep 搜索其本地文件。这比从互联网获取新文档更快,也占用更少的上下文。
  3. 如果没有已安装的技能包含该页面,请使用相关的人机界面指南路径和 sosumi.ai Markdown 镜像。例如,/design/human-interface-guidelines/buttons 对应 https://sosumi.ai/design/human-interface-guidelines/buttons。
常见 HIG 文档路径
主题URL 路径
完整索引human-interface-guidelines
iOS 设计human-interface-guidelines/designing-for-ios
iPadOS 设计human-interface-guidelines/designing-for-ipados
macOS 设计human-interface-guidelines/designing-for-macos
App 图标human-interface-guidelines/app-icons
颜色human-interface-guidelines/color
排版human-interface-guidelines/typography
布局human-interface-guidelines/layout
辅助功能human-interface-guidelines/accessibility
SF Symbolshuman-interface-guidelines/sf-symbols
按钮human-interface-guidelines/buttons
标签栏human-interface-guidelines/tab-bars
导航栏human-interface-guidelines/navigation-bars
工作表human-interface-guidelines/sheets
提醒human-interface-guidelines/alerts

快速了解

系统按钮样式(iOS)

系统开箱即提供以下样式:

  • Plain - 仅含文本,视觉效果简约
  • Gray - 灰色背景
  • Tinted - 带强调色的着色背景
  • Filled - 实色背景
  • Bordered - 带边框的轮廓样式
  • Bordered Prominent - 填充背景,视觉强调度高
触觉反馈类型
  • Selection - 选择变化时的轻触反馈
  • Impact - 碰撞时的轻度/中度/重度/刚性/柔和反馈
  • Notification - 针对结果的成功/警告/错误反馈
安全区域(人体工学要点)
  • 安全区域外的内容可能被刘海屏/灵动岛、主屏幕指示器或圆角裁切
  • 安全区域外的交互元素可能无法触及,或被系统手势拦截
  • 背景可以延伸至屏幕边缘,不会带来上述风险

来源

Apple 文档
WWDC 专题

评论

支持 Markdown