React Native TV Review Guide
Systematically review TV-specific focus, playback, performance, and accessibility issues in React Native apps.
The skill is narrowly scoped, distinguishes TV stacks, and includes useful security guidance such as keeping DRM keys out of client code and using server-issued tokens. It describes no data collection, external writes, or destructive actions. Points are deducted for missing user-confirmation, rollback, full data-flow disclosure, dependency-security review, and verifiable sourcing.
The main file provides clear triggers, stack detection, priorities, and problem-to-reference routing, with examples for key focus and accessibility paths. However, there is no executable test suite or robust abnormal-input failure diagnostic flow, and several platform claims and performance numbers are unsupported. Static calibration caps this at 10, so points are deducted.
The intended audience and scenarios are clear across Apple TV, Android TV, Fire TV, Vega/Kepler, Tizen, and webOS, with an explicit non-fit boundary for ordinary React Native issues. Stack detection improves semantic invocation. Chinese-language support and mainland-China reachability are not addressed, and the agent-device dependency may reduce environment fit.
The skill has front matter, topic-prefixed references, progressive routing, problem mappings, code examples, checklists, and MIT licensing. It lacks a versioning policy, changelog, named maintenance responsibility, and explicit update path; several referenced files are not included in the supplied evidence, so points are deducted.
The guidance is directly actionable for focus navigation, 10-foot UI, TV performance, playback/DRM, and accessibility, and the symptom mapping supports practical use. There is no verified representative output, execution evidence, or comparison with alternatives. Static calibration limits the score to 7, warranting only a moderate score.
The supplied files are auditable and contain concrete code, checklists, platform branches, and an explicit distinction between automated inspection and manual screen-reader testing. There is no committed test suite, CI coverage for key paths, or third-party citation evidence, so reproducibility and corroboration remain limited and the static score is capped below 10.
- This review is based only on the supplied static files; no examples, tests, CI, or device checks were executed.
- Some platform API behavior, version assumptions, performance thresholds, and accessibility requirements lack source attribution and should be verified against target devices and current official documentation.
- Only part of the referenced material was supplied; claims in unseen references are not treated as verified.
- Chinese-language support and mainland-China network fit are unspecified, and agent-device procedures may require additional environment capabilities.
What does this skill do, and when should you use it?
This is an Agent Skill for reviewing React Native-backed TV applications across Apple TV, Android TV, Fire TV, Amazon Vega/Kepler, and web TV targets such as Tizen and webOS. It focuses on remote and D-pad input, focus behavior, 10-foot UI, video playback and DRM, low-memory hardware, and TV accessibility. The target TV stack should be identified before setup advice because build expectations differ by platform. The skill is limited to TV-specific deltas and is not intended for ordinary React Native performance or architecture issues.
Guides the assistant to inspect package files, manifests, native folders, and platform tooling to identify the TV stack; review focus movement, D-pad navigation, list and animation performance, video protocols and DRM, 10-foot layout, accessibility, testing, and release workflows; route symptoms to the corresponding references/*.md files; separate playback failures across manifest requests, DRM licensing, decoder capability, player state, and React controls; and flag the rule that FairPlay, Widevine, and PlayReady keys must not be embedded in client code.
- A team building an Apple TV, Android TV, or Fire TV app with react-native-tvos needs to diagnose focus jumps, focus loss, or incorrect Back/Menu behavior.
- A TV app with poster-heavy lists and carousels needs to investigate memory pressure, scrolling freezes, animation stutter, startup time, or performance on low-memory devices.
- A video application has manifest, DRM, codec, or playback-state errors and needs a layer-by-layer debugging path.
- A team shipping Expo TV, Amazon Vega/Kepler, Tizen, or webOS needs stack-specific setup guidance and cross-platform checks.
- A release team needs a TV testing and accessibility review covering remote interaction, screen readers, captions, focus order, E2E coverage, and CI checks.
What are this skill's strengths and limitations?
- Covers the main TV-specific review areas: focus, navigation, 10-foot design, performance, video/DRM, accessibility, testing, and release.
- Explicitly distinguishes react-native-tvos, Expo TV, Vega/Kepler, and web TV setup expectations, reducing platform-specific false positives.
- Provides prioritized review rules, a quick reference, symptom-to-reference mappings, and a TV-specific security reminder.
- Released under the MIT license as part of an open-source repository containing 14 separate skills.
- The supplied material describes review guidance rather than executable scripts, automatic fixes, or a device-testing framework.
- It provides no evidence of validation on particular TV models, simulators, or real DRM services.
- Detailed guidance depends on reference files whose contents are not included in the supplied material.
- It deliberately excludes ordinary React Native performance and architecture issues.
How do you install this skill?
The README documents manual installation by cloning the repository and copying skills into a project-level .codex/skills/ or user-level ~/.codex/skills/ directory: git clone https://github.com/callstackincubator/agent-skills.git; cp -r agent-skills/skills/react-native-tv-best-practices .codex/skills/. It also documents copying the full skills/ tree to those locations. Restart Codex so newly installed skills are recognized.
How do you use this skill?
In an Agent Skills-compatible coding assistant, have it read skills/react-native-tv-best-practices/SKILL.md, or provide a focused request such as: Review this react-native-tvos app for focus restoration, D-pad navigation, and low-memory performance on Fire TV. Supply package files, manifests, native folders, and platform configuration so the stack can be identified. The source does not specify a dedicated command, script, or automation interface.
How does this skill compare with similar options?
The skill explicitly directs ordinary React Native performance or architecture work to the repository's react-native-best-practices skill. The supplied material does not support a broader reliable product comparison.