skills.rest
ehmo
ehmoCOMMUNITY
Explore all skills by this author →
Website𝕏@synopsiGitHub

tvos-design-guidelines

Codify tvOS design guidelines for focus navigation, Siri Remote input, and 10-foot UI.

486|29|Updated Feb 1, 2026
Search Tags:#accessibility#design-guidelines#tvos#siri-remote#focus-navigation#apple-tv#ten-foot-ui
One-click install
npx skills add https://github.com/ehmo/platform-design-skills --skill tvos-design-guidelines-ehmo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tvos-design-guidelines
Source: https://github.com/ehmo/platform-design-skills/tree/main/skills/tvos
Command: npx skills add https://github.com/ehmo/platform-design-skills --skill tvos-design-guidelines-ehmo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

tvOS design guidelines are consolidated into a single, actionable reference to help teams deliver consistent, focus-driven, and accessible tvOS experiences.

Core Features & Use Cases

  • Comprehensive rules for Focus-Based Navigation, Siri Remote input, and 10-foot UI considerations
  • Top Shelf extension, media playback, and tab bar conventions
  • Use Case: Audit and guide the design of a living-room tvOS app from home screen to playback experience

Quick Start

Review a tvOS screen layout to verify that all interactive elements have visible focus states, ensure the Siri Remote interactions are consistent, and confirm typography adheres to 10-foot UI guidelines. Example prompt: Generate a prioritized list of fixes for the home screen.

Frequently Asked Questions about tvos-design-guidelines

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

FAQPage Schema
What are the key tvOS design guidelines for building a 10-foot UI?▼

Key tvOS design guidelines for a 10-foot UI mandate large, legible typography, clear visual focus states for interactive elements, and simplified layouts optimized for viewing across a living room.

How does focus-based navigation work in Apple TV apps?▼

Focus-based navigation in Apple TV apps works by using the Siri Remote to move a highlighted focus state between interactive elements on screen, requiring visible visual shifts to indicate the current selection.

How do I audit a tvOS app layout for Siri Remote input and accessibility?▼

Audit a tvOS app layout by verifying all interactive elements have visible focus states, Siri Remote interactions are consistent, and typography adheres to 10-foot UI and accessibility considerations.

Does the tvOS design reference cover Top Shelf extensions and media playback?▼

Yes, the tvOS design reference covers Top Shelf extensions, media playback interfaces, and tab bar conventions to help you audit and guide the full living-room app experience.

Can I use these Apple TV design rules for a design review checklist?▼

Yes, you can use these Apple TV design rules as a practical, task-oriented guide for design reviews and implementation checks to ensure consistent and accessible tvOS experiences.

What Siri Remote interaction conventions should my tvOS app follow?▼

Your tvOS app should follow Siri Remote interaction conventions that ensure consistent focus navigation, predictable input responses, and clear visual feedback across all interactive screen elements.

Related Skills

Explore More Design & Creative Skills→
wanghaishengwanghaisheng
10

tvos-design-guidelines

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

Community
Advanced
nigamelasticnigamelastic

tvos-design-guidelines

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

Community
Advanced
bsreeram08bsreeram08
7

iOS Accessibility Skill

Guide iOS accessibility implementation with VoiceOver, Dynamic Type, and color contrast.

Community
Intermediate
mosif16mosif16
18

ios-ux-design

Evaluate iOS app interfaces against Apple Human Interface Guidelines and generate implementation specifications.

Community
Advanced