What does the swiftui-tvos skill help with?

It provides patterns and best practices for building Apple TV apps, focusing on navigation, focus management, and remote control interactions.

Is it compliant with Apple's design guidelines?

Yes, it incorporates layout standards like the 60px safe area for overscan and standard tvOS button styles.

Does it support Siri Remote gestures?

Yes, it includes implementation patterns for onMoveCommand, onPlayPauseCommand, and onExitCommand for hardware integration.

How does it handle focus management?

It uses modern SwiftUI tools like @FocusState, focusSection, and prefersDefaultFocus to ensure smooth spatial navigation on tvOS.

Can I use this for non-tvOS apps?

While many SwiftUI patterns are cross-platform, this skill specifically optimizes for the unique focus-driven interface of Apple TV.

SwiftUI for tvOS

Name: SwiftUI for tvOS
Author: alejandrolaborda

byalejandrolaborda

0•

Mobile Development

Builds immersive Apple TV applications using tvOS-specific SwiftUI patterns, focus management, and Siri Remote interactions.

The swiftui-tvos skill provides specialized knowledge and implementation patterns for developing high-quality Apple TV applications. It focuses on the unique requirements of the tvOS ecosystem, including sophisticated spatial navigation via the Focus System, handling Siri Remote gestures, and implementing '10-foot interface' design patterns like the sidebar-adaptable TabView and card-style buttons. This skill helps developers avoid common pitfalls such as focus loss and overscan issues while ensuring compliance with Apple's Human Interface Guidelines for the living room environment.

主要功能

01Siri Remote gesture handling for D-pad movements, play/pause, and exit commands.

02Guidance on overscan safe areas and living room layout best practices.

030 GitHub stars

04Implementation of the tvOS Focus System using @FocusState and focusSection.

05tvOS-specific UI components like liquid glass card styles and hover effects.

06Specialized navigation patterns including sidebars and Netflix-style content shelves.

使用场景

01Building a video streaming app with horizontal content shelves and focusable thumbnails.

02Creating a complex settings menu with custom directional focus and default button selection.

03Implementing custom playback controls that respond to specific Siri Remote hardware buttons.

主要功能

01Siri Remote gesture handling for D-pad movements, play/pause, and exit commands.

02Guidance on overscan safe areas and living room layout best practices.

030 GitHub stars

04Implementation of the tvOS Focus System using @FocusState and focusSection.

05tvOS-specific UI components like liquid glass card styles and hover effects.

06Specialized navigation patterns including sidebars and Netflix-style content shelves.

使用场景

01Building a video streaming app with horizontal content shelves and focusable thumbnails.

02Creating a complex settings menu with custom directional focus and default button selection.

03Implementing custom playback controls that respond to specific Siri Remote hardware buttons.