argent-react-native-app-workflow

argent-react-native-app-workflow is a skill for Claude Code, Codex from software-mansion/argent. It costs 46 tokens per session (3,616 once invoked), scanned C, original, Apache-2.0.

A set of workflows for developing and debugging React Native mobile apps on an iOS simulator or Android emulator. React Native lets developers build mobile apps with JavaScript or TypeScript and native mobile components.

In plain words
What is it for?
Use it to start the app, troubleshoot Metro, fix iOS or Android builds, diagnose runtime errors, and run tests.
Why use it?
It helps determine the project's actual startup and build process before running commands, which prevents problems caused by assuming standard settings.

Skill for Claude CodeCodex

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.

agentmods
npx agentmods add skills/software-mansion/argent/argent-react-native-app-workflow
Any agent
npx skills add software-mansion/argent --skill argent-react-native-app-workflow
Clone the repo
git clone --depth 1 https://github.com/software-mansion/argent

Made for: Claude Code, Codex.

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 argent-react-native-app-workflow

README.md
[![agentmods](https://agentmods.dev/badge/skills/software-mansion/argent/argent-react-native-app-workflow.svg)](https://agentmods.dev/skills/software-mansion/argent/argent-react-native-app-workflow)
Your own site
<a href="https://agentmods.dev/skills/software-mansion/argent/argent-react-native-app-workflow"><img src="https://agentmods.dev/badge/skills/software-mansion/argent/argent-react-native-app-workflow.svg" alt="Measured on agentmods" height="20"></a>
Per session 46 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,616 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 1 finding. Scan, not verified.
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 $0.00046 $0.03616
Opus 5 $0.00023 $0.01808
Sonnet 5 $0.00009 $0.00723
Haiku 4.5 $0.00005 $0.00362

Measured today against content hash 31dee74d17ed, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade C, and why

argent-react-native-app-workflow scanned grade C with 1 finding 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 today.

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.

Recursive force deletehighDestructive command

rm -rf with a variable or a broad path is one typo away from removing the wrong tree.

2. Clear caches and reinstall dependencies: reset Metro cache, `watchman watch-del-all`, remove `node_modules` + lockfile, `npm install`, then `cd ios && rm -rf build Pods Podfile.lock && pod install --repo-update`
packages/skills/skills/argent-react-native-app-workflow/SKILL.md · 250 lines

How it starts

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

Physical iPhone (kind: "device"): Metro debugging and profiling tools reject it. Use a simulator.

1. Starting the React Native App

1.1 Explore Configuration (MANDATORY — Do This First)

Before running commands, read the project's build and run configuration from the argent-environment-inspector subagent result.

Do NOT default to npx react-native start or npx react-native run-ios without first checking for custom scripts and workflows.

Manual fallback (if neither the agent nor the tool is available): read ALL package.json scripts — look for custom scripts like start:local, start:dev, ios, build:ios, flavors, etc. Custom scripts take priority over default commands. Also check metro.config.js for non-default port or watchFolders. For iOS builds, prefer opening .xcworkspace over .xcodeproj (CocoaPods generates the workspace).

If the project structure is convoluted, ask the user before proceeding.

Remember the workflow: Once you discover the project's build/run workflow, save it to project memory so you don't need to re-discover it each time.

Checklist before start:

  • node_modules present (if not: npm install or yarn)
  • For iOS: ios/Podfile exists; if ios/Pods missing or stale, run cd ios && pod install && cd ..
  • No conflicting Metro on default port (see 1.2)

1.2 Start Metro

  1. Check whether metro is already running on port found in configuration and if it is - do not start another server. Refer to point 2.1.

  2. Use the project's custom start script if one exists (e.g. npm run start:local, yarn start:dev). Fall back to default commands if no custom scripts are defined:

    npx react-native start
    

    Optional: npx react-native start --reset-cache if cache issues are suspected.

  3. Verify Metro is ready: use the debugger-status tool. It returns a status result instead of erroring: status: "connected" or status: "not_connected" with reason: "no_app_connected" both mean Metro is up (the app just hasn't attached yet); reason: "metro_not_running" means Metro is not reachable — follow the result's guidance.

Read the full file on GitHub · 250 lines

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. today Changed · +2 lines 31dee74d17ed
  2. 4d ago First seen · 248 lines · 46 tokens per session scan C 1196f7eacaab

Subscribe to this mod's changes

argent-react-native-app-workflow is a skill published in the GitHub repository software-mansion/argent (2,372 stars, last pushed today), licensed Apache-2.0. It adds 46 tokens to every session and 3,616 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it C with 1 finding (recursive force delete). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

truesheet-usage

Consumer-side guide for integrating @lodev09/react-native-true-sheet into a React Native app. Use this skill whenever the user wants to add, configure, control, or debug a bottom sheet using TrueSheet — including ref-based sheets, named global sheets, web support with TrueSheetProvider/useTrueSheet, React Navigation…

lodev09/react-native-true-sheet · 169 tokens

uniwind

Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent- color props, platform/data/state/responsive variants, CSS variables, custom utilities…

uni-stack/uniwind · 130 tokens

migrate-nativewind-to-uniwind

Migrate a React Native project from NativeWind to Uniwind. Use when the user wants to replace NativeWind with Uniwind, upgrade from NativeWind, switch to Uniwind, or mentions NativeWind-to-Uniwind migration. Handles package removal, config migration, Tailwind 4 upgrade, cssInterop removal, theme conversion, and all…

uni-stack/uniwind · 82 tokens

react-native-docs

Comprehensive React Native reference covering core components, APIs, styling, flexbox, navigation, networking, animations, platform-specific code, debugging, performance, TypeScript integration, Fast Refresh, environment setup, React fundamentals, running on devices, and the New Architecture (Fabric, JSI…

pledgeandgrow/pledge-skills · 97 tokens

mobile

Mobile development with React Native, Flutter, and native patterns.

miles990/claude-software-skills · 13 tokens

mobile-developer

Expert in React Native, Expo, and cross-platform mobile development.

daffy0208/ai-dev-standards · 16 tokens