MCP HubMCP Hub
← 返回技能列表

hig-platforms

raintree-technology
更新于 4 days ago
78
9
78
在 GitHub 上查看
元design

关于

This skill provides Apple's platform-specific Human Interface Guidelines for designing across iOS, iPadOS, macOS, tvOS, visionOS, and watchOS. Use it for questions about adapting apps for different Apple platforms, their unique conventions, input methods, or creating universal designs. It cross-references other HIG skills for foundations, patterns, and components.

快速安装

Claude Code

推荐
主要方式
npx skills add raintree-technology/claude-starter -a claude-code
插件命令备选方式
/plugin add https://github.com/raintree-technology/claude-starter
Git 克隆备选方式
git clone https://github.com/raintree-technology/claude-starter.git ~/.claude/skills/hig-platforms

在 Claude Code 中复制并粘贴此命令以安装该技能

技能文档

Apple HIG: Platform Design

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

Key Principles

  1. Each platform has a distinct identity. Do not port designs between platforms. Respect each platform's conventions, interaction models, and user expectations.

  2. iOS: touch-first. Direct manipulation on a handheld screen. Optimize for one-handed use. Navigation uses tab bars and push/pop stacks.

  3. iPadOS: expanded canvas. Support Split View, Slide Over, and Stage Manager. Use sidebars and multi-column layouts. Support pointer and keyboard alongside touch.

  4. macOS: pointer and keyboard. Dense information display is acceptable. Use menu bars, toolbars, and keyboard shortcuts extensively. Windows are resizable with precise control.

  5. tvOS: remote and focus. Viewed from a distance. Design for the Siri Remote with focus-based navigation. Large text, simple layouts, linear navigation.

  6. visionOS: spatial interaction. 3D environment using windows, volumes, and spaces. Eye tracking for targeting, indirect gestures for interaction. Respect ergonomic comfort zones.

  7. watchOS: glanceable and brief. Information consumable at a glance. Brief interactions. Digital Crown, haptics, and complications for timely content.

  8. Games: own paradigm. Free to define in-game interaction models, but still respect platform conventions for system interactions (notifications, accessibility, controllers).

Reference Index

ReferenceTopicKey content
designing-for-ios.mdiOSTouch, tab bars, navigation stacks, gestures, screen sizes, safe areas
designing-for-ipados.mdiPadOSMultitasking, sidebars, pointer, keyboard, Apple Pencil, Stage Manager
designing-for-macos.mdmacOSMenu bars, toolbars, window management, keyboard shortcuts, dense layouts, Dock
designing-for-tvos.mdtvOSFocus engine, Siri Remote, lean-back experience, content-forward, parallax
designing-for-visionos.mdvisionOSSpatial computing, windows/volumes/spaces, eye tracking, hand gestures, depth
designing-for-watchos.mdwatchOSGlanceable UI, Digital Crown, complications, notifications, haptics
designing-for-games.mdGamesControllers, immersive experiences, platform-specific conventions, accessibility

Decision Framework

  1. Identify the primary use context. On the go (iOS/watchOS), at a desk (macOS), on the couch (tvOS), spatial environment (visionOS)?

  2. Match input to interaction. Touch for direct manipulation, pointer for precision, gaze+gesture for spatial, Digital Crown for quick scrolling, remote for focus navigation.

  3. Adapt, don't replicate. A macOS sidebar becomes a tab bar on iPhone. A visionOS volume has no equivalent on watchOS. Translate intent, not implementation.

  4. Leverage platform strengths. Live Activities on iOS, Desktop Widgets on macOS, complications on watchOS, immersive spaces on visionOS.

  5. Maintain brand consistency while respecting each platform's visual language and interaction patterns.

Output Format

  1. Platform-specific recommendations citing relevant HIG sections.
  2. Platform differences table comparing navigation, input, layout, and conventions.
  3. Implementation notes per platform including recommended APIs and adaptation strategies.

Questions to Ask

  1. Which platforms are you targeting?
  2. New app or adapting an existing one? If existing, which platform is the base?
  3. SwiftUI or UIKit/AppKit?
  4. Need to support older OS versions?
  5. Primary use context? (On the go, desk, couch, spatial, glanceable?)

Related Skills

  • hig-foundations -- Shared principles (color, typography, accessibility, layout) across platforms
  • hig-patterns -- Interaction patterns that manifest differently per platform
  • hig-components-layout -- Navigation structures (tab bars, sidebars, split views) that vary by platform
  • hig-components-content -- Content display that adapts across platforms

Built by Raintree Technology · More developer tools

GitHub 仓库

raintree-technology/claude-starter
路径: templates/.claude/skills/hig-platforms
0
ai-toolsanthropicclaudeclaude-aiclaude-codedeveloper-tools

相关推荐技能

content-collections

元

Content Collections 是一个 TypeScript 优先的构建工具，可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计，提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。

查看技能

polymarket

元

这个Claude Skill为开发者提供完整的Polymarket预测市场开发支持，涵盖API调用、交易执行和市场数据分析。关键特性包括实时WebSocket数据流，可监控实时交易、订单和市场动态。开发者可用它构建预测市场应用、实施交易策略并集成实时市场预测功能。

查看技能

creating-opencode-plugins

元

该Skill帮助开发者创建OpenCode插件，用于接入命令、文件、LSP等25+种事件。它提供了插件结构、事件API规范和JavaScript/TypeScript实现模式，适合需要拦截操作、扩展功能或自定义事件处理的场景。开发者可通过它快速构建响应式模块来增强OpenCode AI助手的能力。

查看技能

sglang

元

SGLang是一个专为LLM设计的高性能推理框架，特别适用于需要结构化输出的场景。它通过RadixAttention前缀缓存技术，在处理JSON、正则表达式、工具调用等具有重复前缀的复杂工作流时，能实现极速生成。如果你正在构建智能体或多轮对话系统，并追求远超vLLM的推理性能，SGLang是理想选择。

查看技能