ipados-design-guidelines

Apply Apple iPad design guidelines to create adaptive, multitasking-friendly interfaces.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/gerald-ica/opencode-config-snapshot --skill ipados-design-guidelines-gerald-ica
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ipados-design-guidelines
Source: https://github.com/gerald-ica/opencode-config-snapshot/tree/main/opencode/skills/ipados
Command: npx skills add https://github.com/gerald-ica/opencode-config-snapshot --skill ipados-design-guidelines-gerald-ica

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This collection provides a structured approach to applying Apple’s iPad design guidelines, ensuring apps leverage multitasking, larger canvases, and adaptive layouts.

Core Features & Use Cases

  • Covers responsive layout, multitasking (Split View, Stage Manager), navigation, pointer interactions, keyboard shortcuts, Pencil features, drag and drop, and external display guidance.
  • Provides practical patterns and examples for iPad-specific interactions in regular and compact widths.
  • Use Case: teams redesign an iPad app to support three-column layouts and robust VoiceOver experiences.

Quick Start

Audit your app against iPadOS guidelines and adapt the UI to support multitasking, pointer input, and accessibility.

Frequently Asked Questions about ipados-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design iPad interfaces for Split View and Stage Manager multitasking?

Designing iPad interfaces for Split View and Stage Manager requires adaptive layouts that adjust to compact and regular width sizes. You must implement flexible navigation patterns, responsive content views, and pointer interactions to ensure seamless multitasking behaviors.

What iPadOS design guidelines apply to pointer and keyboard interactions?

iPadOS design guidelines for pointer interactions involve providing visual hover effects and accurate hit targets, while keyboard shortcuts require implementing expected command bar actions. Both inputs must be fully supported alongside touch and Pencil interactions for accessibility.

How do I make my iPad app layout adaptive for different window sizes?

To make an iPad app layout adaptive, you must implement responsive layouts that transition between regular and compact width environments. This involves using flexible grid structures, adjustable navigation columns, and dynamic content sizing for multitasking scenarios.

Can I use Apple Pencil interactions and drag and drop in compact width modes?

Apple Pencil interactions and drag and drop functionality should be maintained in compact width modes. Your interface design must ensure these input methods remain accessible and functional when the app is constrained by Split View or Stage Manager multitasking.

What's the best way to audit an iPad app for VoiceOver and accessibility compliance?

Auditing an iPad app for VoiceOver and accessibility compliance involves testing adaptive layouts against iPadOS design guidelines. You should verify navigation logic, pointer hit targets, and multitasking behaviors to ensure robust accessibility experiences across all interface widths.

Does my iPad app need specific design patterns for external displays?

Your iPad app needs specific design patterns for external displays to manage extended canvas spaces. The interface should adapt its layout and content density appropriately when routing visuals to an external screen, maintaining multitasking and accessibility standards.