React Native Toolkits / Field index

Build less blind.Ship more certain.

A focused collection of developer tools for the React Native work that gets brittle: assets, architecture audits, design handoff, and agent-led maintenance.

Browse the field kit Meet the agent kit

Audit: 10 skills
Consent: explicit
Review: git diff

The agent kit's operating contract: read first, ask before writing, hand back a diff.

Coordinate / RN-37.7749

RN field console

Signals live

01agent.auditread-only first

02assets.registrytyped / generated

03newarch.signalneeds-review

04figma.outputrn + nativewind

Operating posture

Inspect the real project. Keep weak evidence weak. Make every change reviewable.

Module directory

One agent layer. Three deterministic tools.

The agent kit drives the maintenance loop and calls the tools underneath it. Each tool below also runs on its own, from a public source, with no agent involved.

Agentic layer

MODULE / 01

Agent workflow

RN Agents Kit

Ten audit-first agent skills for inspecting, maintaining, and verifying React Native projects.

v0.2.1 · PublicOpen module

Deterministic tools

MODULE / 02

Asset pipeline

rn-typed-assets

Generate typed registries for images, SVGs, and Lottie files, then audit and reorganize assets safely.

v1.6.1 · MITOpen module

MODULE / 03

Migration audit

rn-newarch-ready

Read a project's local native signals and report what still needs review before a New Architecture migration.

v0.1.2 · MITOpen module

MODULE / 04

Design codegen

Design to NativeWind

Convert a Figma selection into React Native and NativeWind component code through a deterministic pipeline.

Public · MITOpen module

Trust contract

Evidence before confidence.

Deterministic core

Generators and audits operate on explicit project inputs so their output can be reproduced and reviewed.

Conservative truth

Missing evidence stays unknown or needs-review. The tools avoid turning weak signals into confident claims.

Reviewable change

Agent skills inspect first. Any mutation requires consent and leaves the resulting diff visible for review.

Workflow rail

Enter the loop where the uncertainty is.

This is a map, not a mandatory suite. Start with the problem in front of you and use the smallest module that can expose or remove it.

01
Read the project
Snapshot project facts before choosing a deeper maintenance workflow.
RN Agents Kit
02
Normalize the inputs
Make assets addressable by typed names and audit what the app no longer uses.
rn-typed-assets
03
Expose migration risk
Classify New Architecture signals conservatively without changing project files.
rn-newarch-ready
04
Shape the interface
Turn a selected Figma subtree into React Native and NativeWind component code.
Design to NativeWind

Field record / public run

A real audit. Zero files changed.

The rn-newarch-audit skill ran the New Architecture readiness audit against Rocket.Chat's React Native client. It read the manifest, the installed dependencies, and the app's own native sources, then named five app-local native modules still on legacy APIs — with the New Architecture flag already switched on.

Project: Rocket.Chat.ReactNative @ main
Date: 2026-08-19
Tool: rn-newarch-ready@0.1.1
Files changed: 0

Read the full example

$ npx rn-newarch-ready@0.1.1

React Native — New Architecture readiness
  react-native: 0.81.5
  New Arch enabled: android=yes ios=? expo=?

Summary: 23 supported, 23 likely, 10 unknown, 59 non-native, 4 archived
Verdict: needs-review

Abridged. The full run also lists the 4 archived dependencies and the 5 app-local native modules by path, and exits 1 on a needs-review verdict so the same command works as a CI gate.

First recommended module / 01

Put an audit-first agent on the React Native maintenance loop.

Explore RN Agents Kit View all public work