# Tablet Design Patterns

> Tablet-specific design patterns including split views, multitasking, and adaptive layouts.

- Skill: `dragoon0x/tablet-design-patterns` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/tablet-design-patterns`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/tablet-design-patterns/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/tablet-design-patterns

---


# Tablet Design Patterns

## Tablet-Specific Considerations

### Layout
- Don't just scale up the phone layout. Use the space.
- Split view: list on left (320px), detail on right.
- Master-detail pattern is the tablet default.
- Multi-column grids (2-3 columns for content).

### Multitasking
- Support split-screen with other apps (iPad).
- Adaptive layout that works at half-width.
- Slide-over support.
- Drag and drop between apps.

### Input
- Touch and keyboard/trackpad simultaneously.
- Hover states for trackpad users.
- Apple Pencil / stylus support where relevant.
- Larger touch targets than phone (more space available).

### Orientation
- Support both portrait and landscape.
- Adjust layout for each (not just rotate).
- Remember user's preferred orientation.