Does it work with package managers other than npm?

Yes, it automatically detects your project's lockfile (yarn.lock, pnpm-lock.yaml, bun.lockb) and uses the corresponding package manager for all installations and scripts.

Does this skill support Expo Router projects?

Yes, it provides a specific setup flow designed for Expo Router's file-based routing system, including entry point configuration.

How does it handle the Metro configuration?

The skill wraps your existing metro.config.js with the withStorybook helper function, ensuring Storybook can correctly resolve its dependencies and story files.

Which version of Storybook does this skill install?

This skill is specifically designed to configure and set up Storybook for React Native version 10.

React Native Storybook Setup

Name: React Native Storybook Setup
Author: storybookjs

bystorybookjs

•

1,256

•

Mobile Development

Configures Storybook v10 for React Native and Expo projects, including Metro integration and environment setup.

Streamline the integration of Storybook v10 into your React Native development environment with this specialized skill. It automates the complex configuration steps for various project architectures, including Expo, Expo Router, and standard React Native CLI. The skill intelligently detects your preferred package manager (npm, yarn, pnpm, or bun), wraps your Metro configuration with the necessary Storybook helpers, and dynamically configures story globs to match your project's directory structure, allowing you to build and test UI components in isolation with ease.

Key Features

01Intelligent package manager detection and command substitution

02Automatic Metro configuration wrapping via withStorybook

03Architecture-specific flows for Expo, Expo Router, and RN CLI

04Automated Storybook v10 initialization for mobile projects

05Dynamic story glob discovery for custom project structures

061,256 GitHub stars

Use Cases

01Initializing a design system workspace within an existing React Native application

02Configuring isolated UI component development for Expo Router projects

03Adding Storybook support to a vanilla React Native CLI project with TypeScript

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add storybookjs/react-native setup-react-native-storybook

For use in Claude.ai and ChatGPT

Download Skill