Skills
.Work. You
Rest

setup-react-native-storybook

Community

Add Storybook to your React Native app fast.

Software Engineering#storybook#react-native#expo#ui-development#metro#expo-router#rspack
Authorsoham2008xyz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you set up Storybook in React Native projects so you can quickly develop, preview, and remotely control UI components during development.

Core Features & Use Cases

  • Install and initialize Storybook for React Native: Adds @storybook/react-native v10 using the correct create storybook workflow for the target project type.
  • Make Storybook work reliably on-device and remotely: Enables required WebSocket support and storage integration in .rnstorybook/index.tsx, including the @react-native-async-storage/async-storage dependency when needed.
  • Correctly wire the entrypoints for common bundlers: Covers Metro-based Expo, Expo Router, plain React Native CLI, and Re.Pack/Webpack by configuring withStorybook or StorybookPlugin and adding an appropriate Storybook route/entry.

Quick Start

Ask the AI to set up Storybook for your Expo Router project and ensure it is controlled by the EXPO_PUBLIC_STORYBOOK_ENABLED environment variable.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: setup-react-native-storybook
Download link: https://github.com/soham2008xyz/trade-tycoon/archive/main.zip#setup-react-native-storybook

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.