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.

주요 기능

Intelligent package manager detection and command substitution
Automatic Metro configuration wrapping via withStorybook
Architecture-specific flows for Expo, Expo Router, and RN CLI
Automated Storybook v10 initialization for mobile projects
Dynamic story glob discovery for custom project structures
1,256 GitHub stars

사용 사례

Initializing a design system workspace within an existing React Native application
Configuring isolated UI component development for Expo Router projects
Adding Storybook support to a vanilla React Native CLI project with TypeScript

소개

주요 기능

Intelligent package manager detection and command substitution
Automatic Metro configuration wrapping via withStorybook
Architecture-specific flows for Expo, Expo Router, and RN CLI
Automated Storybook v10 initialization for mobile projects
Dynamic story glob discovery for custom project structures
1,256 GitHub stars

사용 사례

Initializing a design system workspace within an existing React Native application
Configuring isolated UI component development for Expo Router projects
Adding Storybook support to a vanilla React Native CLI project with TypeScript