mcpField
T
tvos

tvos

github.com/fusengine開発3447 回インストール2 週間前に更新
リポジトリ

tvos について

tvos は、Apple TV アプリ開発向けに tvOS 固有のナビゲーション、メディア、入力パターンを扱うスキルです。フォーカス駆動の UI、Liquid Glass、Siri Remote のジェスチャー、マルチユーザー、ゲームコントローラーについて解説します。

主な機能

  1. 01フォーカスを使った大画面ナビゲーション
  2. 02tvOS 26 の Liquid Glass UI 例
  3. 03AVKit によるメディア再生の解説
  4. 04Siri Remote のジェスチャー処理
  5. 05マルチユーザーとゲームコントローラーの対応
  6. 06Apple TV UI の設計指針

活用シーン

  1. 01フォーカス駆動の Apple TV UI の構築
  2. 02動画や音声の再生実装
  3. 03Siri Remote のジェスチャー処理
  4. 04ユーザー切り替えやゲームコントローラーを考慮した設計

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/tvosを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
focus-system.md
media-playback.md
remote-control.md

詳細

Apple TV のリビングルーム体験に向けた tvOS 固有の開発を扱います。大画面ナビゲーション用のフォーカスシステム、TV 向けの Liquid Glass スタイル(tvOS 26)、AVKit によるメディア再生、Siri Remote のジェスチャー処理、マルチユーザー対応、ゲームコントローラーとの統合が含まれます。

Liquid Glass のボタンやタブバー、フォーカス状態に応じたスケールエフェクトの tvOS 26 コード例を含みます。

ベストプラクティス:UI 要素は 3 メートル離れた場所からも読める大きさにし、明確なフォーカスフィードバックを用意し、ナビゲーションの階層を浅く保ち、リモコンで操作しやすいジェスチャーを設計し、メディアを中心としたコンテンツ向けに最適化し、ユーザーの切り替えに対応します。

tvOS プラットフォーム

Apple TV のリビングルーム体験に向けた tvOS 固有の開発です。

エージェントのワークフロー(必須)

実装を始める前に、以下の 3 つのエージェントを、それぞれ 1 回の Agent 呼び出しで name を指定して並行して起動します。

  1. fuse-ai-pilot:explore-codebase - 既存の tvOS のパターンを分析します
  2. fuse-ai-pilot:research-expert - Context7/Exa を使って最新の tvOS 27 のドキュメントを確認します
  3. mcp__apple-docs__search_apple_docs - tvOS のパターンを確認します

実装後、検証のために fuse-ai-pilot:sniper を実行します。


概要

使用する場面
  • Apple TV アプリケーションの構築
  • 動画や音声のストリーミング
  • フォーカスベースのナビゲーション
  • Siri Remote とのインタラクション
  • マルチユーザー体験
  • ゲームコントローラーのサポート
tvOS スキルを使う理由
機能メリット
フォーカスシステム大画面ナビゲーション
Liquid Glassモダンな TV UI(tvOS 26)
メディア再生AVKit との統合
リモコン操作Siri Remote のジェスチャー

tvOS 26 の機能

TV 向け Liquid Glass
Button("Watch Now") { }
    .buttonStyle(.bordered)
    .glassEffect(.regular)  // Glass effect on focus

TabView {
    // Tab bar with Liquid Glass
}
フォーカスシステム
struct ContentView: View {
    @FocusState private var focused: Bool

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

リファレンスガイド

必要な内容リファレンス
フォーカス、選択状態focus-system.md
AVKit、動画再生media-playback.md
Siri Remote、ジェスチャーremote-control.md

ベストプラクティス

  1. 大きな UI 要素 - 3 メートル離れた場所からも読める大きさにします
  2. フォーカスフィードバック - 明確な視覚的表示を用意します
  3. シンプルなナビゲーション - 階層を浅く保ちます
  4. リモコンでの操作に配慮 - Siri Remote のジェスチャーに対応します
  5. メディアを中心に設計 - 動画や音声向けに最適化します
  6. マルチユーザー対応 - ユーザーの切り替えに対応します

コメント