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.