tvos-design-guidelines

Provide Apple Human Interface Guidelines for Apple TV app design.

Updated Aug 23, 2026

Search Tags:#UI/UX #navigation #user interface #design guidelines #tvOS #Apple TV

Ready to run

npx skills add https://github.com/elysiaerica/ai_context_vault --skill tvos-design-guidelines-elysiaerica

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tvos-design-guidelines
Source: https://github.com/elysiaerica/ai_context_vault/tree/main/.codex/AGENT%20SKILLS/platform-design-skills-main/platform-design-skills-main/skills/tvos
Command: npx skills add https://github.com/elysiaerica/ai_context_vault --skill tvos-design-guidelines-elysiaerica

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the complexities of designing effective and engaging Apple TV apps by providing comprehensive design guidelines, focusing on focus-based navigation, Siri Remote interaction, and the unique aspects of living room viewing.

Core Features & Use Cases

Focus-Based Navigation: Offers critical rules for predictable and intuitive focus movement.
Siri Remote Interaction: Provides guidelines for optimizing user interactions through the Siri Remote.
10-Foot UI: Ensures that UI elements are legible and usable from a distance.
Top Shelf Design: Instructs on creating engaging Top Shelf extensions for apps.
Media & Playback: Ensures that media playback is consistent with TV conventions.
Tab Bar Layout: Guides on implementing a functional and consistent tab bar.
Evaluation Checklist: Provides a structured review of the design for quality assurance.

Quick Start

Review the design guidelines for the tvOS app you're building, paying close attention to the focus-based navigation and 10-foot UI principles.

Frequently Asked Questions about tvos-design-guidelines

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

FAQPage Schema

How do I design a tvOS app for the 10-foot UI viewing distance?▼

Focus-based navigation lets users move a highlighted selection between elements using Siri Remote gestures. Implementing tvOS design guidelines ensures your Apple TV interface responds predictably to directional swipes and clicks.

What are the design guidelines for Siri Remote interaction on Apple TV?▼

Siri Remote interaction guidelines define how to map touchpad gestures, voice input, and button presses to your app's navigation. Applying these tvOS rules ensures your media playback controls and tab bar feel native to Apple TV users.

How to create an engaging Top Shelf extension for tvOS apps?▼

Top Shelf design guidelines instruct on building engaging extensions that surface your app's media content on the Apple TV home screen. Following these tvOS patterns ensures your previews and static assets meet Apple's interface quality standards.

Do I need prior UI design experience to build Apple TV apps?▼

Tab bar patterns in tvOS provide consistent navigation for switching between primary app sections. Using the Apple Human Interface Guidelines ensures your tab bar layout supports focus-based movement and Siri Remote input effectively.