react-native-tv-best-practices

1# React Native TV Best Practices
2 
3## Overview
4 
5TV-specific review guidance for React Native-backed apps on Apple TV, Android TV, Fire TV, Amazon Vega/Kepler, and web-based TV targets such as Tizen or webOS.
6 
7Use this skill only for TV deltas: remote input, focus engines, 10-foot layout, platform packaging, playback/DRM, low-memory TV hardware, and TV accessibility. For ordinary React Native performance or architecture issues, use [react-native-best-practices](../react-native-best-practices/SKILL.md).
8 
9## Skill Format
10 
11Reference files are grouped by topic prefix:
12 
13- `focus-*`: focus engines, focus guides, focus event performance
14- `nav-*`: D-pad navigation, Back/Menu behavior, keyboard/search input
15- `design-*`: 10-foot typography, layout, color, focus visibility
16- `perf-*`: startup, memory, lists, animation, and network constraints on TV hardware
17- `video-*`: playback architecture, DRM/protocol selection, debugging
18- `a11y-*`: TV accessibility implementation and audit checks
19- `setup-*`: stack detection, setup, architecture, cross-platform behavior
20- `test-*` and `release-*`: test coverage, E2E, and CI/release workflows
21 
22## When to Apply
23 
24Apply this skill when the app targets a TV platform and the work involves:
25 
26- Focus movement, visible focus, focus restoration, or remote/D-pad input
27- TV layout readability, overscan/safe areas, or 10-foot UI density
28- TV player controls, manifests, DRM, decoder support, or playback errors
29…