mcpField
T
tvos

tvos

github.com/fusengineDevelopment3447 installsUpdated 2w ago
Repository

About tvos

A tvOS development skill for building Apple TV apps, covering focus-based navigation, media playback, remote interactions, and multi-user support. It also explains tvOS 26 Liquid Glass behavior and practical living-room interface guidance.

Key features

  1. 01Focus system and visual feedback
  2. 02tvOS 26 Liquid Glass guidance
  3. 03AVKit media playback
  4. 04Siri Remote gestures
  5. 05Multi-user and controller support

Use cases

  1. 01Building Apple TV applications
  2. 02Designing focus-based navigation
  3. 03Implementing video and audio playback
  4. 04Supporting remote and multi-user interactions

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/fusengine/claude-plugins --skill tvos

After installing, type/tvosin Claude Code to confirm it loaded.

Details

From the project README
Covers tvOS-specific development for the Apple TV living-room experience: the focus system for large-screen navigation, Liquid Glass styling on TV (tvOS 26), AVKit media playback, Siri Remote gesture handling, multi-user support, and game controller integration.

Includes tvOS 26+ guidance on system-applied Liquid Glass (buttons/images adopt it on focus, never added manually) and focus-state-driven scale effects.

Best practices: size UI elements to be readable from 10 feet, give clear visual focus feedback, keep navigation depth minimal, design remote-friendly gestures, optimize for media-first content, and support user switching.

tvOS Platform

tvOS-specific development for Apple TV living room experiences.

Agent Workflow (MANDATORY)

Before ANY implementation, spawn 3 agents in parallel, one Agent call each with a name:

  1. fuse-ai-pilot:explore-codebase - Analyze existing tvOS patterns
  2. fuse-ai-pilot:research-expert - Verify latest tvOS 27 docs via Context7/Exa
  3. mcp__apple-docs__search_apple_docs - Check tvOS patterns

After implementation, run fuse-ai-pilot:sniper for validation.

Overview

When to Use
  • Building Apple TV applications
  • Video and audio streaming
  • Focus-based navigation
  • Siri Remote interactions
  • Multi-user experiences
  • Game controller support
Why tvOS Skill
FeatureBenefit
Focus systemLarge screen navigation
Liquid GlassModern TV UI (tvOS 26)
Media playbackAVKit integration
Remote controlSiri Remote gestures

tvOS 26 Features

Liquid Glass on TV

In tvOS, Liquid Glass appears throughout navigation and system experiences; buttons and image views adopt it automatically when they gain focus (HIG https://developer.apple.com/design/human-interface-guidelines/materials). Don't add glassEffect manually - use standard styles and components.

TabView {
    Tab("Home", systemImage: "house") { HomeView() }   // system tab bar gets glass
}

Button("Watch Now") { }
    .buttonStyle(.bordered)   // standard style: system handles the focused appearance

Use standard materials (not glass) for content-layer overlays.

Focus System
struct ContentView: View {
    @FocusState private var focused: Bool

    var body: some View {
        Button("Play") { }
            .focused($focused)
            .scaleEffect(focused ? 1.1 : 1.0)
    }
}

Reference Guide

NeedReference
Focus, selection statesfocus-system.md
AVKit, video playbackmedia-playback.md
Siri Remote, gesturesremote-control.md

Best Practices

  1. Large UI elements - Controls 66x66 pt default, 56x56 pt minimum; body text 29 pt default, 23 pt minimum (HIG accessibility)
  2. Focus feedback - Clear visual indication (HIG focus)
  3. Simple navigation - Minimal depth
  4. Remote-friendly - Siri Remote gestures
  5. Media-first - Optimize for video/audio
  6. Multi-user - Support user switching

Comments

Markdown supported