skills.rest
elysiaerica
elysiaericaCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/elysiaerica/ai_context_vault --skill tvos-design-guidelines-elysiaerica
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
nigamelasticnigamelastic

tvos-design-guidelines

Apply tvOS design guidelines for focus-based navigation and Siri Remote input.

Community
Advanced
giolaqgiolaq
4

apple-tv-troubleshooter

Diagnose tvOS focus, Siri Remote input, and navigation issues in React Native apps.

Community
Advanced
wanghaishengwanghaisheng
10

tvos-design-guidelines

Codify focus-driven navigation and 10-foot UI guidelines for tvOS apps.

Community
Advanced
prateekprateek

hig-platforms

Retrieve platform-specific design guidance from Apple Human Interface Guidelines for cross-platform UI decisions.

Community
Basic