setup-react-native-storybook

What it does

This skill enables AI agents to automatically configure Storybook for React Native projects, streamlining the development of mobile component libraries. It handles the necessary initialization steps to ensure components are isolated and testable within a dedicated UI environment.

When to use it

• Initializing a new React Native project that requires immediate component documentation.
• Migrating an existing React Native codebase to adopt Storybook for better component isolation.
• Setting up a development workflow where mobile UI components need rapid iteration and visual testing.
• Preparing a repository for contribution by establishing a standardized component preview environment.

Key capabilities

• Automated installation of Storybook core dependencies for React Native.
• Configuration of the required build tools and loaders for mobile frameworks.
• Setup of the Storybook server to render isolated native components.
• Integration with standard React Native development environments.

Example prompts

• "Set up Storybook for my new React Native application so I can preview buttons and inputs."
• "Configure a React Native project using this skill to enable component isolation for testing."
• "Initialize the necessary dependencies to run Storybook on a React Native mobile library."

Tips & gotchas

Ensure your development environment has Node.js and npm installed before running the setup command. This skill is specifically designed for React Native; attempting to use it with standard web React projects may result in configuration errors.