Rebuild and restart the internal Storybook UI after changes to internal Storybook code (core, addons, frameworks, renderers, libs, etc.), then optionally display a UI review. Use after editing any package in the Storybook monorepo's code/ directory, or when the user asks to rebuild and/or restart Storybook.
インストール方法を見るインストールする前に、エージェントに与えられる指示の中身を確認できます。
After making changes to internal Storybook code (core, addons or otherwise), follow this workflow.
Unless the user explicitly ran /rebuild-restart-storybook, ask the user whether they want to rebuild and restart Storybook. If they decline, stop here.
Build a space-separated list of the monorepo packages that were modified in the conversation. For each modified package, find its Nx project name in the project.json file in that package's directory (the name field), not the package.json name.
For example, if code/addons/review and code/addons/vitest were modified, the list is addon-review addon-vitest.
Run these in the code directory, in order. Substitute <extra packages> with the list from Step 2.
rm -rf node_modules/.cache
yarn
yarn build storybook <extra packages>
Then, run in the background:
NODE_OPTIONS="--preserve-symlinks" yarn storybook:ui --no-open
A Storybook may already be running. If the port is occupied, cancel the start, kill the old process to free the port, then start Storybook again.
Once Storybook has started, give the user the URL. Then ask whether they want to display a review.
If the user wants a review, use Storybook's review-create MCP tool to create a UI review of relevant stories. Pick a set of stories related to the entirety of the conversation so far.
If there are no relevant stories because no UI elements were touched, ask the user what they would like to see a review for.
まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Finds or publishes a pkg.pr.new canary release for a Storybook branch. Use when the user wants the canary package specifier for a branch or needs to trigger the canary workflow manually.
日本語の概要は準備中です。原文の説明を表示しています。
Review, improve, rewrite, author, or plan Storybook documentation in /docs. Use this when asked to review docs, improve a page, rewrite documentation, draft new docs, or advise on docs strategy.
日本語の概要は準備中です。原文の説明を表示しています。
Checks out a PR (including fork PRs), fixes all linting and TypeScript errors, then pushes the changes back. Use when asked to fix lint, types, or TS errors on a PR.
日本語の概要は準備中です。原文の説明を表示しています。
Label GitHub issues and PRs found during QA testing. Use when organizing QA findings with proper labels.
日本語の概要は準備中です。原文の説明を表示しています。
Triage and resolve GitHub PR review comments one by one, interactively. Use when the user asks to handle, address, respond to, or resolve PR review comments, or mentions reviewer feedback on a pull request.
日本語の概要は準備中です。原文の説明を表示しています。
Use when adding Storybook to a project that does not have Storybook configured yet.
日本語の概要は準備中です。原文の説明を表示しています。