React Native Storybook
About
Integrates with Storybook to enable retrieval and management of stories from specified configuration directories, facilitating AI-assisted story handling in React Native projects.
Details
- Author
- dannyhw
- Repository
- dannyhw/mcp-storybook
- GitHub stars
- 6
- Categories
- Design, Developer Tools, AI, Infrastructure, Frontend, Project Management
- Tags
- #integration
Jump to
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
React Native StorybookCommand (node, npx, python, etc.)npxArguments-
Argument 1
-y -
Argument 2
mcp-storybook@latest
Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
-
Argument 1
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
get-stories
Retrieves a list of stories from a Storybook configuration. Parameters: configDir (string) - Absolute path to directory containing the .storybook config folder.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"react native storybook": {
"cwd": "string",
"env": {},
"args": [
"-y",
"mcp-storybook@latest"
],
"shell": false,
"command": "npx"
}
}
}Linux
{
"cwd": "string",
"env": [],
"args": [
"-y",
"mcp-storybook@latest"
],
"shell": false,
"command": "npx"
}Macos
{
"cwd": "string",
"env": [],
"args": [
"-y",
"mcp-storybook@latest"
],
"shell": false,
"command": "npx"
}Windows
{
"cwd": "string",
"env": [],
"args": [
"/c",
"npx",
"-y",
"mcp-storybook@latest"
],
"shell": false,
"command": "cmd"
}Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
