Skip to content

Build: Add addon-mcp to internal UI Storybook#34674

Merged
JReinhold merged 2 commits into
nextfrom
jeppe/add-addon-mcp
Apr 30, 2026
Merged

Build: Add addon-mcp to internal UI Storybook#34674
JReinhold merged 2 commits into
nextfrom
jeppe/add-addon-mcp

Conversation

@JReinhold
Copy link
Copy Markdown
Contributor

@JReinhold JReinhold commented Apr 30, 2026

Closes #

What I did

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

  • stories
  • unit tests
  • integration tests
  • end-to-end tests

Manual testing

Caution

This section is mandatory for all contributions. If you believe no manual test is necessary, please state so explicitly. Thanks!

Documentation

  • Add or update documentation reflecting your changes
  • If you are deprecating/removing a feature, make sure to update
    MIGRATION.MD

Checklist for Maintainers

  • When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli-storybook/src/sandbox-templates.ts

  • Make sure this PR contains one of the labels below:

    Available labels
    • bug: Internal changes that fixes incorrect behavior.
    • maintenance: User-facing maintenance tasks.
    • dependencies: Upgrading (sometimes downgrading) dependencies.
    • build: Internal-facing build tooling & test updates. Will not show up in release changelog.
    • cleanup: Minor cleanup style change. Will not show up in release changelog.
    • documentation: Documentation only changes. Will not show up in release changelog.
    • feature request: Introducing a new feature.
    • BREAKING CHANGE: Changes that break compatibility in some way with current major version.
    • other: Changes that don't fit in the above categories.

🦋 Canary release

This PR does not have a canary release associated. You can request a canary release of this pull request by mentioning the @storybookjs/core team here.

core team members can create a canary release here or locally with gh workflow run --repo storybookjs/storybook publish.yml --field pr=<PR_NUMBER>

Summary by CodeRabbit

  • New Features

    • Storybook now includes MCP (Model Context Protocol) addon integration for enhanced development capabilities.
  • Chores

    • Added MCP server configuration for local development environment.
    • Added required addon dependency.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 30, 2026

Fails
🚫 The "#### Manual testing" section must be filled in. Please describe how to test the changes you've made, step by step, so that reviewers can confirm your PR works as intended.

Generated by 🚫 dangerJS against 8174f82

@JReinhold JReinhold self-assigned this Apr 30, 2026
@JReinhold JReinhold added build Internal-facing build tooling & test updates ci:normal Run our default set of CI jobs (choose this for most PRs). labels Apr 30, 2026
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 30, 2026

📝 Walkthrough

Walkthrough

Integrates MCP (Model Context Protocol) addon into Storybook by adding the addon to the Storybook configuration, installing the required package dependency, and configuring an MCP server endpoint in Cursor settings pointing to the local Storybook instance.

Changes

Cohort / File(s) Summary
MCP Server Configuration
.cursor/mcp.json
Adds storybook-ui MCP server configuration with endpoint http://localhost:6006/mcp.
Storybook Integration
code/.storybook/main.ts
Registers @storybook/addon-mcp in the addons list.
Dependencies
code/package.json
Installs @storybook/addon-mcp package with wildcard version resolution.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch

Review rate limit: 4/5 reviews remaining, refill in 12 minutes.

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@code/package.json`:
- Line 57: Replace the inconsistent version specifier for the
`@storybook/addon-mcp` dependency in package.json (the entry
"@storybook/addon-mcp": "*") with the workspace versioning style used by other
internal storybook addons ("workspace:*"); update the dependency string to
"@storybook/addon-mcp": "workspace:*" so it follows the monorepo dependency
management pattern.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: aa900409-4012-4145-ba7f-3b50d7a2054e

📥 Commits

Reviewing files that changed from the base of the PR and between e684125 and a5bc669.

⛔ Files ignored due to path filters (1)
  • yarn.lock is excluded by !**/yarn.lock, !**/*.lock
📒 Files selected for processing (3)
  • .cursor/mcp.json
  • code/.storybook/main.ts
  • code/package.json

Comment thread code/package.json
@JReinhold JReinhold enabled auto-merge April 30, 2026 12:46
@JReinhold JReinhold disabled auto-merge April 30, 2026 12:46
@JReinhold JReinhold merged commit 151d4f6 into next Apr 30, 2026
121 of 122 checks passed
@JReinhold JReinhold deleted the jeppe/add-addon-mcp branch April 30, 2026 13:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

agent-scan:human build Internal-facing build tooling & test updates ci:normal Run our default set of CI jobs (choose this for most PRs).

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants