skilld
All skills
callstackincubator avatar

/react-native-tv-best-practices

@fa0bad0 official
by Callstack Incubatorcallstackincubator/agent-skills1.7k stars
118

Reviews React Native TV apps for focus/D-pad navigation, 10-foot UI layout, TV playback/DRM integration, low-memory TV performance, and TV accessibility. Use when building, debugging, or reviewing react-native-tvos, Expo TV, Amazon Vega/Kepler, or React Native web TV targets where the issue depends on remote input, TV focus, TV packaging, TV hardware, or TV playback constraints.

Ask your Agent

Use this Skill: https://skilld.dev/gh/callstackincubator/agent-skills/react-native-tv-best-practices

This session only. Nothing lands on disk.

referencesvideo-debugging.md

≈399 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Debugging Video Streams

Quick Reference

  • Inspect the stream with ffprobe before changing React player code
  • Verify manifest requests, DRM license exchange, ABR switches, and decoder support separately
  • Use a proxy for network/license failures; use RN/React tooling for duplicate UI requests or player state desync
  • Correlate client-side player errors with server-side CDN/license telemetry

Playback Failure Layers

  1. Media package — Use ffprobe for codec, bitrate, resolution, audio tracks, subtitles, and container details.
  2. Manifest validity — Use platform validators where available, such as mediastreamvalidator for Apple HLS.
  3. Network path — Inspect manifest, segment, and license requests with Charles or Proxyman.
  4. DRM/license — Verify license URL, headers, entitlement token, and hardware security-level failures before changing UI code.
  5. React/player state — Use Rozenite, React Native DevTools, or app logs for duplicate play requests, hidden controls, stale state, or JS-generated manifest URL changes.

Network Traffic Analysis

Install the proxy CA certificate on the simulator, emulator, or device before expecting HTTPS manifests or license requests to decrypt.

Related Skills

Source: SKILL.md on GitHub

Third-party checks

No alerts1mo3 checks · Risk SAFE
  • Gen Agent Trust Hub1mo

    This skill provides comprehensive documentation and best practices for developing React Native applications for TV platforms. It contains technical guidelines for focus management, performance, and video playback without any malicious patterns, obfuscation, or unsafe code execution.

  • Socket1mo

    No alerts

  • Snyk1mo

    Risk: LOW · No issues

Provenance

Signed by skilld at fa0bad0. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 weeks ago.

Activeupdated 2 months ago

README badge

README badge for callstackincubator/agent-skills/react-native-tv-best-practices