본문으로 건너뛰기
cccskills
무료GitHub에 공개

ipad-patterns

iPadOS-specific patterns including Stage Manager, multi-window, drag and drop, keyboard shortcuts, pointer interactions, and Apple Pencil support. Use when building iPad-optimized features.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(4)

  • SKILL.md8.4 KB
  • drag-drop.md16.8 KB
  • input-methods.md17.1 KB
  • multitasking.md13.6 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

iPad Patterns

Comprehensive guide for iPadOS-specific development patterns. Covers multitasking (Stage Manager, Split View, Slide Over), multi-window support, drag and drop, keyboard shortcuts, pointer interactions, Apple Pencil, and external display support. These patterns differentiate an iPad-optimized app from a scaled-up iPhone app.

When This Skill Activates

  • User is building or reviewing iPad-specific features
  • User asks about Stage Manager, multi-window, or UIScene lifecycle
  • User needs drag and drop (NSItemProvider, Transferable, UIDragInteraction)
  • User wants keyboard shortcuts or discoverability overlay
  • User asks about pointer/trackpad interactions or hover effects
  • User is implementing Apple Pencil or PencilKit support
  • User needs adaptive layouts for Split View, Slide Over, or size classes
  • User asks about external display support
  • User wants to make an iPhone app work well on iPad

Decision Tree

What iPad feature are you building?
|
+-- Multi-window / Stage Manager / UIScene lifecycle
|   +-- multitasking.md
|      +-- Scene configuration, requestSceneSessionActivation
|      +-- Window management, scene delegates
|
+-- Split View / Slide Over / Adaptive Layout
|   +-- multitasking.md
|      +-- Size classes, compact/regular transitions
|      +-- NavigationSplitView column widths
|
+-- Drag and Drop
|   +-- drag-drop.md
|      +-- SwiftUI: .draggable() / .dropDestination()
|      +-- UIKit: UIDragInteraction / UIDropInteraction
|      +-- Transferable protocol, NSItemProvider
|
+-- Keyboard Shortcuts
|   +-- input-methods.md
|      +-- SwiftUI: .keyboardShortcut()
|      +-- UIKit: UIKeyCommand
|      +-- Discoverability overlay (Cmd hold)
|
+-- Pointer / Trackpad Interactions
|   +-- input-methods.md
|      +-- .hoverEffect(), UIPointerInteraction
|      +-- Custom pointer shapes, lift/highlight effects
|
+-- Apple Pencil / PencilKit
|   +-- input-methods.md
|      +-- PKCanvasView, PKDrawing
|      +-- Touch type filtering, Scribble
|
+-- External Display
    +-- multitasking.md
       +-- WindowGroup for external scenes
       +-- UIScreen notifications (legacy)

API Availability

APIMinimum VersionReference
UIScene / UISceneDelegateiPadOS 13multitasking.md
UISceneConfigurationiPadOS 13multitasking.md
UIUserInterfaceSizeClassiPadOS 8multitasking.md
NavigationSplitViewiPadOS 16multitasking.md
.horizontalSizeClass / .verticalSizeClassiPadOS 14 (SwiftUI)multitasking.md
.hoverEffect()iPadOS 13input-methods.md
.keyboardShortcut()iPadOS 14input-methods.md
PencilKit (PKCanvasView)iPadOS 13input-methods.md
.draggable() / .dropDestination()iPadOS 16drag-drop.md
Transferable protocoliPadOS 16drag-drop.md
UIDragInteraction / UIDropInteractioniPadOS 11drag-drop.md
NSItemProvideriPadOS 11drag-drop.md
WindowGroup (multi-window)iPadOS 16 (SwiftUI lifecycle)multitasking.md
.handlesExternalEventsiPadOS 14multitasking.md
UISceneSession.requestSceneSessionActivationiPadOS 13multitasking.md
.focusable() / @FocusStateiPadOS 15input-methods.md
FocusedValue / FocusedObjectiPadOS 16input-methods.md

Top 5 Mistakes

#MistakeFixDetails
1Ignoring size classes, building fixed layoutsUse @Environment(\.horizontalSizeClass) to adapt between compact and regularmultitasking.md
2No keyboard shortcuts for common actionsAdd .keyboardShortcut() to primary actions (Cmd+N, Cmd+S, Delete)input-methods.md
3Missing drag and drop on list/grid itemsAdd .draggable() and .dropDestination() for content types users expect to movedrag-drop.md
4No hover effects on interactive elementsAdd .hoverEffect() to buttons, list rows, and custom controlsinput-methods.md
5Not supporting multiple windows (single-scene only)Add WindowGroup support and handle NSUserActivity for state restorationmultitasking.md

iPad Design Rules (WWDC25)

AreaRule
Adaptive navigationThe tab bar can morph into a sidebar -- use a sidebar for deep or nested content hierarchies, a tab bar when the app is compact and content-forward
ImmersionRun content under the toolbar/sidebar with a scroll edge effect so a floating window still feels edge-to-edge
Window controlsWrap the toolbar around the window controls on the leading edge instead of reserving a safe-area strip above the content
DocumentsEach document opens in ITS OWN window, never "in place" -- and every window gets a unique, descriptive name so the app menu's window list stays navigable
PointerTest with the pointer -- it is 1:1 precise with no magnetizing or rubber-banding to targets, so dense hit areas that survive touch forgiveness can still fail
Menu barOrder menu items by frequency of use (not alphabetically); push secondary actions into submenus; populate the View menu with tabs, their keyboard shortcuts, and sidebar toggles

Process

1. Identify iPad Features Needed

Read the user's code or requirements to determine:

  • Is this a new iPad app or adapting an iPhone app?
  • Which iPad-specific features are relevant (multitasking, drag/drop, keyboard, pencil)?
  • Target iPadOS version and hardware (Stage Manager requires M1+)
  • Whether the app uses SwiftUI lifecycle or UIKit AppDelegate

2. Load Relevant Reference Files

Based on the need, read from this directory:

  • multitasking.md -- Stage Manager, multi-window, Split View, Slide Over, size classes, external display
  • input-methods.md -- Keyboard shortcuts, pointer interactions, Apple Pencil, focus system
  • drag-drop.md -- Drag and drop, Transferable protocol, NSItemProvider

3. Review or Recommend

Apply patterns from the reference files. Check for common issues using the review checklist below.

4. Cross-Reference

  • For navigation architecture on iPad, see ios/navigation-patterns/navigation-split-view.md
  • For macOS Catalyst concerns, see macos/coding-best-practices/
  • For toolbar patterns, see swiftui/toolbars/SKILL.md
  • For animation and transitions, see design/animation-patterns/

Review Checklist

When reviewing code for iPad optimization, verify:

  • Size class adaptation -- UI adapts to compact/regular width (Split View, Slide Over)
  • Keyboard shortcuts -- primary actions have .keyboardShortcut() modifiers
  • Discoverability -- shortcuts appear when user holds Command key
  • Pointer effects -- interactive elements have .hoverEffect()
  • Drag and drop -- list/grid items support .draggable() and .dropDestination()
  • Multi-window -- app supports multiple windows if content model allows it
  • Scene restoration -- state is preserved when scene disconnects/reconnects
  • Pencil support -- drawing views filter touch types, PencilKit configured correctly
  • Column layout -- NavigationSplitView column widths appropriate for iPad
  • No hardcoded widths -- layouts use .frame(minWidth:idealWidth:maxWidth:) or geometry-based sizing
  • Context menus -- long-press context menus on relevant items (also improve right-click with pointer)
  • Toolbar placement -- actions placed in .primaryAction, .secondaryAction, or .keyboard as appropriate

References

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Run a structured accessibility audit on an iOS/macOS app — automated XCUITest audits, Accessibility Inspector, manual VoiceOver/Dynamic Type passes, and App Store Accessibility Nutrition Label evaluation. Use before release, when preparing Nutrition Label declarations, or for EU Accessibility Act compliance.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

rshankras/claude-code-apple-skills8142026년 7월 24일 업데이트

Generate accessibility infrastructure for VoiceOver, Dynamic Type, and accessibility features. Use when improving app accessibility, adding accessibility labels and hints, or auditing compliance.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

rshankras/claude-code-apple-skills8142026년 7월 24일 업데이트

Generates an Apple-compliant account deletion flow with multi-step confirmation UI, optional data export, configurable grace period, Keychain cleanup, and server-side deletion request. Use when user needs account deletion, right-to-delete, or Apple App Review compliance for account removal.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

rshankras/claude-code-apple-skills8142026년 7월 24일 업데이트

Privacy-preserving ad measurement with AdAttributionKit (SKAdNetwork's successor) — install and re-engagement attribution, conversion-value strategy under crowd anonymity, and end-to-end postback testing. Use when running paid acquisition beyond Apple Ads, measuring re-engagement campaigns, designing conversion values, or migrating from SKAdNetwork.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

rshankras/claude-code-apple-skills8142026년 7월 24일 업데이트

alarmkit

무료

AlarmKit integration for scheduling alarms and timers with custom UI, Live Activities, and snooze support. Use when implementing alarm or timer features in iOS 26+ apps.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

rshankras/claude-code-apple-skills8142026년 7월 24일 업데이트

Interpret app metrics and make data-driven decisions. Covers DAU/MAU, retention, LTV, ARPU, App Store Connect analytics, AARRR funnel analysis, cohort analysis, and diagnostic decision trees. Use when user wants to understand their metrics, diagnose problems, or build a data-driven growth plan.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

rshankras/claude-code-apple-skills8142026년 7월 24일 업데이트

rshankras의 스킬 모두 보기

이 스킬의 문제 신고