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.
npx agentmods add instructions/storybookjs/react-native/claude-mdgit clone --depth 1 https://github.com/storybookjs/react-nativeWhat 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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00783 | $0.00783 |
| Opus 5 | $0.00392 | $0.00392 |
| Sonnet 5 | $0.00157 | $0.00157 |
| Haiku 4.5 | $0.00078 | $0.00078 |
Grade A, and why
react-native CLAUDE.md 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 2d 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.
How it starts
The opening of the file, as written. The whole thing — 96 lines — stays where its author put it; the contents beside it link to each section on GitHub.
This file provides guidance to agents when working with code in this repository.
Development Commands
# Initial Setup
pnpm install
pnpm build
# Development
pnpm dev # Watch all packages for changes
pnpm example # Run the expo example app with Storybook
# Story Generation
pnpm -F expo-example storybook-generate # Regenerate storybook.requires.ts
# Testing
pnpm test # Run unit tests across all packages
pnpm test:ci # Run tests in CI mode
# Code Quality
pnpm lint # Run ESLint across the codebase
pnpm format:check # Check Prettier formatting
pnpm format:fix # Auto-fix Prettier formatting
# Documentation (from docs/ directory)
cd docs
pnpm start # Start development server
pnpm build # Build documentation
pnpm serve # Serve built documentation
Architecture Overview
pnpm workspaces monorepo containing React Native Storybook packages.
Packages
Apps
- examples/expo-example - Expo example app showcasing Storybook
- docs - Documentation site for Storybook React Native
Core:
@storybook/react-native- Main package providing Storybook functionality@storybook/react-native-ui- Full UI components for on-device Storybook@storybook/react-native-ui-lite- Lightweight UI components@storybook/react-native-ui-common- Shared UI components@storybook/react-native-theming- Theming utilities
On-Device Addons:
@storybook/addon-ondevice-actions- Log component interactions@storybook/addon-ondevice-backgrounds- Change story backgrounds@storybook/addon-ondevice-controls- Dynamically edit component props@storybook/addon-ondevice-notes- Add markdown documentation to stories
Build System & Metro Configuration
- Uses tsup for TypeScript compilation (ES2022, CommonJS output)
- Each package has its own
tsup.config.ts pnpm preparein a package builds it
The withStorybook Metro wrapper (for Metro-based projects):
- Enables
unstable_allowRequireContextfor dynamic story imports - Automatically generates
storybook.requires.tsfile - Optional WebSocket server for remote control
- Can be conditionally enabled/disabled via
enabledoption - Supports
liteModefor reduced bundle size
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.
- 2d ago First seen · 96 lines · 783 tokens per session scan A 7a6d2c63e991
react-native CLAUDE.md is an instructions file published in the GitHub repository storybookjs/react-native (1,311 stars, last pushed 1mo ago), licensed MIT. It adds 783 tokens to every session, about $0.0039 per session on Opus 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-08-30.
Other instructions, from other repositories
clarity AGENTS.md
Instructions for SchroederNathan/clarity, covering expo has changed, the design system, extracting a component, auditing for drift and typography: sf pro rounded.
expo_boilerplate AGENTS.md
Instructions for chohra-med/expo_boilerplate, covering agents.md — mobilelauncher lt, project and 🎯 the master rules location.
agentic-mobile-blueprint AGENTS.md
Instructions for Ampli-Group/agentic-mobile-blueprint, covering agent context, task workflow, 1. check environment, 2. implement and 3. verify.
mcp-react-native-toolkit copilot-instructions.md
Copilot instructions for ItamiForge/mcp-react-native-toolkit, covering github copilot (vs code) instructions, project context, core rules, api validation and best practices.
uniwind CLAUDE.md
Claude Code instructions for uni-stack/uniwind, a project described as: From the creators of Unistyles: The fastest Tailwind bindings for React Native.
clarity CLAUDE.md
Instructions for SchroederNathan/clarity, a project described as: A speech companion app built with Expo.