tvos-design-guidelines

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

10|1|Updated Dec 16, 2024
One-click install
npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill tvos-design-guidelines-wanghaisheng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tvos-design-guidelines
Source: https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark/tree/main/ref/platform-design-skills-main/platform-design-skills-main/skills/tvos
Command: npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill tvos-design-guidelines-wanghaisheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple TV apps require focus-based navigation, remote-first interactions, and legible UI for living-room viewing. This skill codifies tvOS design rules to address these constraints across navigation, typography, and content layout.

Core Features & Use Cases

  • Focus-based navigation rules ensuring predictable focus movement and visible focus states
  • Siri Remote interaction patterns with minimal gestures and clear feedback
  • 10-foot UI guidelines covering typography, contrast, and safe-area awareness
  • Top Shelf provisioning strategies and deep-linking to content
  • Media & playback guidelines including transport controls and subtitles
  • Tab Bar usage and navigation conventions for tvOS

Quick Start

Review tvOS app designs to ensure focus-based navigation and Siri Remote usability.

Frequently Asked Questions about tvos-design-guidelines

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

FAQPage Schema
What are the tvOS design guidelines for focus-based navigation?

tvOS design guidelines for focus-based navigation require clearly visible focus states and predictable focus movement to ensure remote-first interactions remain intuitive for living-room viewing on Apple TV.

How do I design Siri Remote interactions for an Apple TV app?

Design Siri Remote interactions for Apple TV apps by using minimal gestures and providing clear feedback, ensuring users can easily navigate focus-driven interfaces and media playback transport controls from a distance.

What typography and safe-area constraints apply to 10-foot UI on tvOS?

10-foot UI constraints on tvOS require high-contrast typography and strict safe-area awareness to keep text legible and interactive elements visible when viewed from across the room on Apple TV.

How do I provision Top Shelf content for deep-linking in tvOS?

Provision Top Shelf content for tvOS by applying layout strategies that showcase media and enable deep-linking directly into specific content within your Apple TV app.

Can I use standard tab bar navigation patterns for tvOS apps?

Standard tab bar navigation patterns for tvOS apps must follow specific conventions to support focus-driven movement and ensure seamless Siri Remote interaction across top-level content categories.

Why does my tvOS app focus movement feel unpredictable with the Siri Remote?

Unpredictable focus movement in tvOS apps usually stems from not following focus-driven navigation rules, which require clearly defined focus states and layout constraints that map cleanly to Siri Remote gestures.