PluginBench
Skill
Pass
Audit score 90

argent-tv-interact

software-mansion/argent

Control Apple TV, Android TV, and Fire TV apps via focus-driven remote navigation and debugging.

What is argent-tv-interact?

Interact with TV platforms (tvOS, Android TV, Fire TV/Vega) using focus-based navigation instead of touch. Provides D-pad remote control, keyboard input, app lifecycle management, and on Vega includes JS runtime debugging (console logs, network inspection, code evaluation).

  • Navigate TV UIs with D-pad remote (up/down/left/right, select, back, menu, home, media keys)
  • Read focus state and focusable elements via describe to drive interactions blind
  • Type text into focused fields and control app lifecycle (launch, restart, reinstall)
  • Screenshot across all three TV platforms (Apple TV simulator, Android TV emulator, Fire TV VVD)
  • Debug JS runtime on Fire TV Vega: evaluate code, inspect console logs, view network requests

How to install argent-tv-interact

npx skills add https://github.com/software-mansion/argent --skill argent-tv-interact
Prerequisites
  • Apple TV simulator booted (via boot-device) or Android TV leanback AVD running, or Fire TV Vega VVD started
  • For dev builds: Metro running on port 8081 and appropriate deep-link or port-forward setup per platform
  • Device UDID (Apple TV simulator) or serial (Android TV / Vega) from list-devices
Claude Code
Cursor
Windsurf
Cline

How to use argent-tv-interact

  1. 1.Call describe with the target device UDID to read the current focus state and all focusable elements
  2. 2.Use tv-remote with D-pad buttons (up, down, left, right, select) or a button path to move focus toward your target
  3. 3.Call describe again to confirm focus moved to the intended element
  4. 4.Use keyboard to type text into a focused input field if needed
  5. 5.Use screenshot to capture the current screen state for verification

Use cases

Good for
  • Automate testing of React Native TV apps across Apple TV, Android TV, and Fire TV platforms
  • Navigate and interact with TV app UIs during development without manual remote control
  • Debug JavaScript runtime issues on Fire TV Vega using the legacy Hermes inspector
  • Verify app behavior on focus-driven interfaces where touch gestures do not apply
  • Capture screenshots and inspect UI state during TV app testing workflows
Who it's for
  • React Native TV app developers
  • QA engineers testing multi-platform TV applications
  • Mobile developers building for Apple TV, Android TV, or Fire TV
  • Automation engineers writing TV app test suites

argent-tv-interact FAQ

Why does describe return an empty tree on Android TV?

Many react-native-tvos screens use RN's internal focus engine invisible to the OS accessibility tree. describe auto-falls back to the full UI tree (noted in the hint); tv-remote still moves focus, so drive blind and use screenshot to confirm.

Can I use touch gestures or coordinate taps on TV?

No. TVs are focus-driven, not touch-driven. Always use describe + tv-remote + keyboard; gesture-* and coordinate taps do not work on any TV platform.

How do I debug JavaScript on Fire TV Vega?

Set up a Debug .vpkg build, run Metro on :8081, port-forward with vega device start-port-forwarding, then use debugger-connect, debugger-evaluate, debugger-log-registry, and view-network-logs. Verify setup with debugger-status.

What is the difference between focused and [selected] on Vega?

Vega often leaves focused false and marks the highlighted item [selected]. Treat [selected] as the cursor when nothing reports [focused].

Do media keys (volume, rewind, fastForward) work on all platforms?

No. Apple TV simulator's HID stack rejects media-transport and volume keys. They work on Android TV and Fire TV Vega.

Full instructions (SKILL.md)

Source of truth, from software-mansion/argent.


name: argent-tv-interact description: Control and inspect TV apps via argent — Apple TV (tvOS), Android TV (leanback), and Amazon Fire TV (Vega). Boot the target, read focus, navigate with the D-pad remote, type, screenshot, and on Vega debug the JS runtime (evaluate, console logs, network inspector). Use when a task targets a TV (runtimeKind "tv", or platform "vega"), or mentions Apple TV / tvOS / Android TV / leanback / Vega / Fire TV / VVD.

Argent TV (Apple TV + Android TV + Fire TV)

Critical

  • A TV is focus-driven, not touch-driven. Drive every interaction with describe + tv-remote + keyboard; never use gesture-* / coordinate taps — they don't apply on any TV platform.
  • Always describe before navigating to find the live cursor and your target — never guess focus from a screenshot. The cursor is the focused element; on Vega the toolkit often leaves focused false and marks the highlighted item [selected], so treat [selected] as the cursor when nothing reports [focused].
  • Pass the udid from list-devices — an Apple TV simulator UDID or an Android TV / Vega serial. Dispatch is automatic from the id; the same tools drive all three.

The navigation loop

  1. describe — find the cursor and your target (returns the focused element + all focusable ones, not a tap tree).
  2. tv-remote — move focus toward the target. Prefer one call with a path ending in select, e.g. {button:["down","right","select"]}; count rows/columns from the frames to build the path.
  3. describe again to confirm. On a miss, repeat.

Tools

  • describe {udid} — focus view: the focused / [selected] element + focusable elements with labels and normalized frames. Call before and after navigating. Empty tree → see the per-platform notes.
  • tv-remote {udid, button} — D-pad / remote. button is one key or a whole path (run in one call). Keys: up/down/left/right, select, back, menu, home, playPause, plus media keys rewind/fastForward/next/previous/volumeUp/volumeDown/mute. Single: {button:"down"}; repeat: {button:"down", repeat:3}; path: {button:["up","right","select"]}.
  • keyboard {udid, text} — type into the focused field (focus it with tv-remote first). One call carries text or key, never both — to type and then press a key, send two keyboard steps in one run-sequence. Named key presses (e.g. {key:"enter"}) work on Vega; on Apple TV / Android TV move focus with tv-remote instead.
  • launch-app / restart-app / reinstall-app {udid, bundleId} — bundleId from the app manifest. Vega reinstall-app takes appPath = a .vpkg.
  • screenshot {udid, scale?} — Apple TV via xcrun simctl io (downscaled); Android TV / Vega host-side via adb / screencap.

Per-platform

Apple TV (tvOS simulator)

  • Boot like any iOS sim (boot-device); the AX + HID daemons auto-start on the first describe / tv-remote (first call may take a few seconds). Give the RN bundle a few seconds to render before the first describe.
  • Media-transport / volume keys are rejected — the sim's HID stack ignores them (they work on Android TV / Vega).
  • Dev build: open-url {udid, url:"<scheme>://expo-development-client/?url=http%3A%2F%2F<HOST_IP>%3A8081"} (<HOST_IP> = your Mac's LAN IP, shown on the launcher).

Android TV (leanback emulator)

  • Boot the leanback AVD like any emulator — see argent-android-emulator-setup.
  • describe may report zero focusables on a screen with visible tiles: many react-native-tvos screens use RN's own focus engine, invisible to the OS accessibility tree. describe auto-falls-back to the full UI tree (and says so in the hint); tv-remote still moves focus, so drive blind + screenshot to confirm.
  • Dev build: adb -s <serial> reverse tcp:8081 tcp:8081, deep-link <pkg>://expo-development-client/?url=http%3A%2F%2F10.0.2.2%3A8081, dismiss the first dev-menu with adb shell input keyevent KEYCODE_DPAD_CENTER (not Back — Back exits the app).

Fire TV (Vega / VVD)

  • list-devices shows a serial (use as udid) and a vvdImage. boot-device {vvdImage} (e.g. "tv") starts the single SDK-managed VVD; skip if one already runs.
  • Stop the VVD with vega virtual-device stop in your shell. The CLI only tracks VVDs it started in the foreground, so it may report "not running" for one started via boot-device; to restart that one use boot-device {vvdImage, force:true} (stops then re-boots).
  • Empty describe tree → restart-app (the automation toolkit attaches at launch), then retry. Input ignored → enable developer mode in the VVD: vsm developer-mode enable.
  • Editing node_modules has no effect on a Release build — only Debug .vpkg builds load patchable JS.
  • Profiling / crashes → amazon-devices-buildertools-mcp server (analyze_perfetto_traces, get_app_hot_functions, symbolicate_acr); docs via its search_documentation tool.

Common gotchas

  • Empty focus right after launch-app / restart-app is the splash / loading window — describe retries internally; wait ~2-3s and retry on a cold start.
  • Passing a phone/tablet (runtimeKind: "mobile") udid to tv-remote fails with a clear "tvOS-only" / "Android-TV-only" error — pick a TV target from list-devices.

Fast Refresh (dev builds)

Needs a Debug build + Metro running. argent only connects to Metro — start Metro and port-forward yourself (any platform). Metro is fixed on :8081.

  • Apple TV / Android TV: use the dev-build deep-links above; npm start for Metro.
  • Vega: build/install a Debug .vpkg (vega device install-app -p <path>), npm start, vega device start-port-forwarding --port 8081 --forward false, then vega device launch-app -a <appId>. Confirm http://localhost:8081/json/list shows a Hermes React Native target; .tsx edits then hot-reload.

Debugging the JS runtime (Vega)

Once that same Debug build + Metro setup is in place, the JS-runtime tools work on a Vega VVD: debugger-connect, debugger-status, debugger-evaluate, debugger-log-registry (console logs), view-network-logs, and view-network-request-details. Verify with debugger-status: it returns a status result rather than an error when not connected — status: "connected" means the setup works; status: "not_connected" carries a reason and guidance (e.g. metro_not_running → Metro itself is not up). Vega-specific: on no_app_connected, check vega device start-port-forwarding before relaunching the app — a down device→host forward is the usual cause, and the generic guidance can't know about it. See the argent-metro-debugger skill.

Vega's React Native forks RN 0.72 and serves the legacy Hermes inspector, so three things differ from iOS / Android:

  • debugger-component-tree, debugger-inspect-element, debugger-reload-metro and the react-profiler-* / profiler-* tools are not supported. Component-tree and inspect-element are hard-blocked: they need Runtime.addBinding, which this Hermes acknowledges but never installs. The rest are simply unverified on the legacy inspector. Use describe for on-screen structure; with both component tools gated off, component file:line tracing has no path on Vega.
  • debugger-status reports isNewDebugger: false.
  • projectRoot is empty (RN 0.72's Metro sends no project-root header), so lookups that resolve paths against the project root return no location.