mobile-rn-screen

mobile-rn-screen is a skill for Claude Code from kensaurus/cursor-kenji. It costs 54 tokens per session (5,698 once invoked), scanned A, original, MIT.

A design and usability review process for an existing React Native screen, checking hierarchy, platform conventions, safe areas, keyboard behavior, and motion on iOS and Android.

In plain words
What is it for?
Use it to polish a screen, fix clunky mobile interactions, improve scrolling, or make buttons and layouts behave correctly on both platforms.
Why use it?
It helps find screens that feel awkward, overlap content, handle insets incorrectly, or work poorly at different sizes.

Skill for Claude Code

Written for Claude Code: paths in frontmatter.

Part of the cursor-kenji plugin — 132 skills, 63 commands, 6 agents, 1 hook, 3 MCP servers shipped together

Good fit Use it to polish a screen, fix clunky mobile interactions, improve scrolling, or make buttons and layouts behave correctly on both platforms.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/kensaurus/cursor-kenji/mobile-rn-screen
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add kensaurus/cursor-kenji --skill mobile-rn-screen
Clone the repo
git clone --depth 1 https://github.com/kensaurus/cursor-kenji

Made for: Claude Code.

Or install cursor-kenji, the plugin that ships this one along with the rest of its 132 skills, 63 commands, 6 agents, 1 hook, 3 MCP servers.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for mobile-rn-screen

README.md
[![agentmods](https://agentmods.dev/badge/skills/kensaurus/cursor-kenji/mobile-rn-screen/github.svg)](https://agentmods.dev/skills/kensaurus/cursor-kenji/mobile-rn-screen)
Your own site
<a href="https://agentmods.dev/skills/kensaurus/cursor-kenji/mobile-rn-screen"><img src="https://agentmods.dev/badge/skills/kensaurus/cursor-kenji/mobile-rn-screen/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for mobile-rn-screen

Your own site · 80×15
<a href="https://agentmods.dev/skills/kensaurus/cursor-kenji/mobile-rn-screen"><img src="https://agentmods.dev/badge/skills/kensaurus/cursor-kenji/mobile-rn-screen.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 54 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 5,698 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00054 $0.05698
Opus 5.5 $0.00022 $0.02279
Sonnet 5.5 $0.00011 $0.01140
Haiku 4.5 $0.00005 $0.00570

Measured 1mo ago against content hash 3d109642f49d, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

mobile-rn-screen scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/mobile-rn-screen/SKILL.md · 477 lines

How it starts

The opening of the file, as written. The whole thing — 477 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Surface router: /uiux. You are here: mobile-rn-screen. Native iOS/Android (SwiftUI / Compose, no web layer) is out of scope — use Apple HIG / Material directly.

Enhance Screen — React Native

Degree of freedom: MIXED. Pain, tier, and heuristic mapping [HIGH freedom]; recon, screenshots, no-hex, and ReduceMotion [LOW freedom — run exactly].

Turn an existing RN screen into a composed, native-feeling interface: calmer hierarchy, correct platform idioms, tight safe-area and keyboard handling, purposeful motion, and component primitives that work on both iOS and Android without forking.

How to reason

  1. Recon — screen file, tree, tokens, safe-area chain
  2. Rank — primary / secondary / metadata / actions
  3. Forensics — 3 sizes + keyboard + silent pains
  4. Primitive — fix the shared wrapper; no hex in the screen

Worked example

Recon: Home uses ScreenContainer + extra useSafeAreaInsets().top on the back button. Rank: title is primary; streak count is metadata — it appears twice. Forensics: 360px back overlaps title (S1/S18); streak ×2 (S10). Primitive: drop the child inset; keep the hero streak; no new hex.

Self-critique before reporting

  • Compose first — hierarchy/safe-area/targets before color or motion
  • Both platforms — iOS shadow + Android elevation/ripple were both written
  • Tokens only — no hex literals; ReduceMotion falls back to instant
  • Right owner — FPS / bundle / Hermes → mobile-rn-performance; emulator down → mobile-emulator-start

Vague-but-visceral native feedback ("button is weirdly big", "text gets cut off on my phone", "scrolling feels janky", "can't tap that", "looks like a web page") almost always maps to one of the Hidden Failure Modes (N1–N15) below — start there, not at decoration.

Before taking any screenshots, follow mobile-emulator-start SKILL.md to bring up a working dev loop on the Android emulator. For iOS, trigger a CI build and install via TestFlight; the JS layer is verified on Android first (90%+ of "iOS bugs" are platform-agnostic RN/JS bugs).

Read the full file on GitHub · 477 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago Changed · -10 tokens per session 3d109642f49d
  2. 1mo ago First seen · 477 lines · 64 tokens per session scan A ce63554b1fe8

Subscribe to this mod's changes

mobile-rn-screen is a skill published in the GitHub repository kensaurus/cursor-kenji (9 stars, last pushed 26d ago), licensed MIT. It adds 54 tokens to every session and 5,698 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

sonic-figma-to-xml

Sonic Cursor Skill: Create Android XML layouts and drawables from a Figma URL or freeform screen request (fragment/activity/item/layout). Covers Dashboard BottomNavigation + nested navgraphdashboard when the design has a bottom bar. XML only — no Kotlin/MVI. Use when the user shares a Figma link, asks for…

orbitalsonic/AndroidPilot · 0 tokens

sonicg-figma-to-xml

OrbitalSonic Gemini Skill: Create Android XML layouts and drawables from a Figma URL or freeform screen request (fragment/activity/item/layout). Covers Dashboard BottomNavigation + nested navgraphdashboard when the design has a bottom bar. XML only — no Kotlin/MVI. Use when the user shares a Figma link, asks for…

orbitalsonic/AndroidPilot · 0 tokens

sonicc-figma-to-xml

OrbitalSonic Claude Skill: Create Android XML layouts and drawables from a Figma URL or freeform screen request (fragment/activity/item/layout). Covers Dashboard BottomNavigation + nested navgraphdashboard when the design has a bottom bar. XML only — no Kotlin/MVI. Use when the user shares a Figma link, asks for…

orbitalsonic/AndroidPilot · 0 tokens

sonic-figma-to-compose

Sonic Cursor Skill: Create Jetpack Compose screens from a Figma URL or freeform request (FeatureScreen / ScreenContent / Item). Compose only — no XML layouts, no ViewModel/MVI. Use when uiFramework is compose, or the user asks for Figma-to-Compose. For full screen (UI + MVI + optional domain) in one invoke use…

orbitalsonic/AndroidPilot · 0 tokens

sonicg-figma-to-compose

OrbitalSonic Gemini Skill: Create Jetpack Compose screens from a Figma URL or freeform request (FeatureScreen / ScreenContent / Item). Compose only — no XML layouts, no ViewModel/MVI. Use when uiFramework is compose, or the user asks for Figma-to-Compose. For full screen (UI + MVI + optional domain) in one invoke use…

orbitalsonic/AndroidPilot · 0 tokens

sonicc-figma-to-compose

OrbitalSonic Claude Skill: Create Jetpack Compose screens from a Figma URL or freeform request (FeatureScreen / ScreenContent / Item). Compose only — no XML layouts, no ViewModel/MVI. Use when uiFramework is compose, or the user asks for Figma-to-Compose. For full screen (UI + MVI + optional domain) in one invoke use…

orbitalsonic/AndroidPilot · 0 tokens