tvos について
tvos は、Apple TV アプリ開発向けに tvOS 固有のナビゲーション、メディア、入力パターンを扱うスキルです。フォーカス駆動の UI、Liquid Glass、Siri Remote のジェスチャー、マルチユーザー、ゲームコントローラーについて解説します。
主な機能
- 01フォーカスを使った大画面ナビゲーション
- 02tvOS 26 の Liquid Glass UI 例
- 03AVKit によるメディア再生の解説
- 04Siri Remote のジェスチャー処理
- 05マルチユーザーとゲームコントローラーの対応
- 06Apple TV UI の設計指針
活用シーン
- 01フォーカス駆動の Apple TV UI の構築
- 02動画や音声の再生実装
- 03Siri Remote のジェスチャー処理
- 04ユーザー切り替えやゲームコントローラーを考慮した設計
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ fusengine/ agents --skill tvosインストール後、Claude Code で/tvosを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/focus-system.mdmedia-playback.mdremote-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 を指定して並行して起動します。
- fuse-ai-pilot:explore-codebase - 既存の tvOS のパターンを分析します
- fuse-ai-pilot:research-expert - Context7/Exa を使って最新の tvOS 27 のドキュメントを確認します
- 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 |
ベストプラクティス
- 大きな UI 要素 - 3 メートル離れた場所からも読める大きさにします
- フォーカスフィードバック - 明確な視覚的表示を用意します
- シンプルなナビゲーション - 階層を浅く保ちます
- リモコンでの操作に配慮 - Siri Remote のジェスチャーに対応します
- メディアを中心に設計 - 動画や音声向けに最適化します
- マルチユーザー対応 - ユーザーの切り替えに対応します
コメント
Markdown 対応