agentsclimarketplace

React native test android visually

Skill lukas-hinterleitner/visual-app-skills/skills/react-native-test-android-visually

Agent skills for visually testing mobile apps on Android — run a Flutter, React Native, or native Android app on an emulator/device, capture real screenshots via adb, read logs, optionally diff against a Figma design, and verify the UI rendered correctly. Works with Claude Code and other coding agents.

Install
npx -y skills add lukas-hinterleitner/visual-app-skills --skill react-native-test-android-visually

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Run a React Native or Expo app on a connected Android device or emulator, capture real screenshots via adb, read the Metro + logcat logs, and verify the visible UI and runtime behavior match what a recent code change intended. Use whenever the user asks to "test the app", "run it on Android", "see the visual changes", "verify a UI fix", "check if my change works/renders", or otherwise wants empirical on-device confirmation that a React Native / Expo change rendered correctly — even when they don't say "screenshot" or "logs". Handles starting Metro and the native build, waiting for the bundle + first frame, navigating with adb input, capturing the screen, reading Metro/logcat output (ReactNative / ReactNativeJS, Hermes, red-box errors), and reporting a concrete verdict with evidence. Covers bare React Native and Expo (dev client + run:android). Optionally diffs against a Figma reference when one is provided. Android only (iOS needs a Mac).

The file declares its own license as Apache-2.0. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

3.2 KB, 535 tokens by cl100k_base, as published. Nobody here has run it

React Native / Expo Android visual test

Interactive, on-device verification of a React Native or Expo Android app — the "did my last change actually render correctly" check. Starts Metro and the native build, runs the app on a device or emulator, captures real screenshots via adb, reads the logs, and gives a concrete verdict.

Covers bare React Native (npx react-native run-android) and Expo (npx expo run:android / dev client). Android only — iOS needs a Mac and xcrun simctl, which is out of scope here.

When to use

  • "Test the app / run it on Android / see the visual changes."
  • "Did my UI fix work? Does this screen render correctly now?"
  • "Compare this screen to the Figma design." (optional Figma add-on)
  • Any request for empirical, on-device confirmation of a visual or runtime change — even without the words "screenshot" or "logs".

How it works

  1. Follow references/capture-loop.md — the universal procedure: preflight, launch in the background, wait for the first real frame, screenshot, capture logs, analyze the PNG against the change, report a verdict.
  2. For the RN/Expo specifics — the exact run command (bare RN vs Expo), the Metro bundler, the "bundle complete + first frame" signal, where RN logs (ReactNative/ReactNativeJS, Hermes, red-box), Fast Refresh, and the dev menu — read references/react-native.md.
  3. To navigate the UI before screenshotting, see references/driving-the-ui.md.
  4. When something looks off, see references/troubleshooting.md.
  5. (Optional) compare to a Figma design → references/figma-comparison.md (requires the Figma MCP server; skip entirely if you don't use Figma).
  6. Reached here with a non-RN Android app? See references/other-frameworks.md or use the matching skill.

Bundled scripts

scripts/check-devices.sh, launch.sh, snap.sh, capture-logs.sh, stop.sh wrap the common adb/run commands with device disambiguation. capture-loop.md shows how they fit together. Note that Metro runs as part of the launched command's process group, so stop.sh tears it down too.

What ships with it: 8 files

10.3 KB alongside SKILL.md

evals/

references/

Gives 0 of the 12 instructions most quality gates skills give in 535 tokens

Counted across 1,195 of the 2,094 authors here whose files we hold, read 2026-08-07

  • Read the output and check the exit codein 54 of 1195, across 14 files
  • Verify requirements using a line-by-line checklistin 53 of 1195, across 12 files
  • Identify the verification command proving the claimin 51 of 1195, across 12 files
  • Run the full verification commandin 50 of 1195, across 11 files
  • Verify output confirms the claimin 49 of 1195, across 12 files
  • Check version control diff after agent delegationin 46 of 1195, across 6 files
  • State claim with evidencein 44 of 1195, across 4 files
  • Run the test suitein 33 of 1195, across 26 files
  • Keep state in memory by defaultin 27 of 1195, across 6 files
  • Make prototype runnable with one commandin 26 of 1195, across 5 files
  • Produce a verification reportin 25 of 1195, across 14 files
  • Detect the package manager from lockfilesin 24 of 1195, across 5 files

Said here and by no other author read

  • read references/capture-loop.md
  • read references/react-native.md
  • read references/driving-the-ui.md
  • read references/troubleshooting.md if needed
  • read references/figma-comparison.md if needed
  • read references/other-frameworks.md for non-RN apps

Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.