MCP HubMCP Hub
Retour aux compétences

hig-inputs

raintree-technology
Mis à jour 4 days ago
1 vues
78
9
78
Voir sur GitHub
Designdesign

À propos

Cette compétence fournit les Directives d'Interface Humaine d'Apple pour la mise en œuvre de diverses méthodes d'entrée sur les plateformes Apple. Elle couvre les gestes, les entrées matérielles telles que l'Apple Pencil et les claviers, ainsi que les interactions système incluant le focus et l'entrée spatiale. Utilisez-la lorsque les développeurs s'interrogent sur la conception pour des périphériques d'entrée spécifiques ou sur l'implémentation des modèles d'interaction standard de la plateforme.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add raintree-technology/claude-starter -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/raintree-technology/claude-starter
Git CloneAlternatif
git clone https://github.com/raintree-technology/claude-starter.git ~/.claude/skills/hig-inputs

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Documentation

Apple HIG: Inputs

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

Key Principles

  1. Support multiple input methods. Touch, pointer, keyboard, pencil, voice, eyes, hands, controllers. Design for the inputs available on each platform. On iPadOS, support both touch and pointer; on macOS, both pointer and keyboard.

  2. Consistent feedback for every input action. Visible, audible, or haptic response.

  3. Standard gestures must behave consistently. Tap to activate, swipe to scroll/navigate, pinch to zoom, long press for context menus, drag to move. Don't override system gestures (edge swipes for back, Home, notifications).

  4. Use standard recognizers; keep custom gestures discoverable. Apple's built-in recognizers handle edge cases and accessibility. If you add non-standard gestures, provide hints or coaching to teach them.

  5. Apple Pencil: precision drawing, markup, and selection. Support pressure, tilt, and hover. Distinguish finger from Pencil when appropriate (finger pans, Pencil draws).

  6. Support Scribble in text fields. Users expect to write with Pencil in any text input.

  7. Keyboard shortcuts and full navigation. Standard shortcuts (Cmd+C/V/Z) plus custom ones visible in the iPadOS Command key overlay. Logical tab order.

  8. Respect the software keyboard. Adjust layout when keyboard appears. Use keyboard-avoidance APIs.

  9. Game controllers: MFi controllers with on-screen fallbacks. Map to extended gamepad profile, sensible defaults, remappable. Always offer touch or keyboard alternatives.

  10. Pointer and trackpad: native feel. Hover effects, pointer shape adaptation, standard cursor behaviors. Two-finger scroll, pinch to zoom, swipe to navigate.

  11. Digital Crown: primary scrolling and value-adjustment input on watchOS. Scrolling lists, adjusting values, navigating views. Haptic feedback at detents.

  12. Eyes and spatial (visionOS): look and pinch. Generous hit targets (eye tracking is less precise than touch). Avoid sustained gaze for activation. Direct hand manipulation in immersive experiences.

  13. Focus system: critical for tvOS and visionOS. Predictable focus movement. Every interactive element focusable. Clear visual indicators (scale, highlight, elevation). Logical focus groups.

  14. Siri Remote: limited surface. Touch area for swiping, clickpad for selection, few physical buttons. Keep interactions simple.

  15. Gyroscope, accelerometer, UWB: use judiciously. Suits gaming, fitness, AR. Not for essential tasks. Provide calibration and reset. For UWB, communicate distance and direction with visual or haptic cues.

Reference Index

ReferenceTopicKey content
gestures.mdTouch gesturesTap, swipe, pinch, long press, drag, system gestures
apple-pencil-and-scribble.mdApple PencilPrecision, pressure, tilt, hover, handwriting
keyboards.mdKeyboardsShortcuts, navigation, software keyboard, Command key
game-controls.mdGame controllersMFi, extended gamepad, remapping, fallbacks
pointing-devices.mdPointer/trackpadHover, cursor morphing, trackpad gestures
digital-crown.mdDigital CrownScrolling, value adjustment, haptic detents
eyes.mdEye trackingLook and tap, gaze targeting, hit target sizing
spatial-interactions.mdSpatial inputHand gestures, direct manipulation, immersive input
focus-and-selection.mdFocus systemtvOS/visionOS navigation, focus indicators, groups
remotes.mdRemotesTouch surface, clickpad, simple interactions
gyro-and-accelerometer.mdMotion sensorsGyroscope, accelerometer, calibration, gaming
nearby-interactions.mdNearby interactionsU1 chip, directional finding, proximity triggers
camera-control.mdCamera ControliPhone camera hardware button, quick launch

Output Format

  1. Input method recommendations by platform and how they interact.
  2. Gesture specification table -- standard and custom gestures with expected behaviors.
  3. Keyboard shortcut recommendations following system conventions.
  4. Accessibility input alternatives for VoiceOver, Switch Control, etc.

Questions to Ask

  1. Which platforms and input devices?
  2. Productivity or casual app?
  3. Custom gestures in the design?
  4. Game controller support needed?

Related Skills

  • hig-components-status -- Progress indicators responding to input (pull-to-refresh)
  • hig-components-system -- System experiences with unique input constraints
  • hig-technologies -- VoiceOver, Siri voice input, ARKit spatial gesture context

Built by Raintree Technology · More developer tools

Dépôt GitHub

raintree-technology/claude-starter
Chemin: templates/.claude/skills/hig-inputs
0
ai-toolsanthropicclaudeclaude-aiclaude-codedeveloper-tools

Compétences associées

executing-plans

Design

Utilisez la compétence executing-plans lorsque vous disposez d'un plan de mise en œuvre complet à exécuter par lots contrôlés avec des points de contrôle de revue. Elle charge et examine le plan de manière critique, puis exécute les tâches par petits lots (3 tâches par défaut) tout en rapportant la progression entre chaque lot pour une revue par l'architecte. Cela garantit une mise en œuvre systématique avec des points de contrôle de qualité intégrés.

Voir la compétence

requesting-code-review

Design

Cette compétence délègue un sous-agent réviseur de code pour analyser les modifications apportées au code par rapport aux exigences avant de poursuivre. Elle doit être utilisée après avoir terminé des tâches, implémenté des fonctionnalités majeures, ou avant une fusion vers la branche principale. La revue aide à détecter précocement les problèmes en comparant l'implémentation actuelle avec le plan initial.

Voir la compétence

connect-mcp-server

Design

Cette compétence fournit un guide complet permettant aux développeurs de connecter des serveurs MCP à Claude Code via les transports HTTP, stdio ou SSE. Elle couvre l'installation, la configuration, l'authentification et la sécurité pour intégrer des services externes tels que GitHub, Notion et des API personnalisées. Utilisez-la lors de la configuration d'intégrations MCP, de la configuration d'outils externes ou du travail avec le Protocole de Contexte de Modèle de Claude.

Voir la compétence

web-cli-teleport

Design

Cette compétence aide les développeurs à choisir entre les interfaces Web et CLI de Claude Code en fonction de l'analyse des tâches, puis permet une téléportation transparente des sessions entre ces environnements. Elle optimise le flux de travail en gérant l'état et le contexte de la session lors du passage entre le web, la CLI ou le mobile. Utilisez-la pour des projets complexes nécessitant différents outils à diverses étapes.

Voir la compétence