Skip to content
This repository was archived by the owner on Oct 14, 2026. It is now read-only.

feat(ade): rework the skills for serverless ai command - #300

Merged
huang-julien merged 1 commit into
mainfrom
feat/rework_story
Jun 19, 2026
Merged

huang-julien merged 1 commit into
mainfrom
feat/rework_story

Conversation

@huang-julien

@huang-julien huang-julien commented Jun 19, 2026 •

Copy link
Copy Markdown
Contributor

This rework stories skill for serverless ai commands.

It also loosen a bit on the instructions to agents for less context bloating. The preview browser also becomes something less important, as part of the instructions helper

Summary by CodeRabbit

  • Documentation
    • Restructured Storybook story-writing workflow documentation for improved clarity and logical progression.
    • Introduced explicit "Absolute rules" section at the beginning for enhanced emphasis.
    • Reorganized prerequisite checks and repositioned rule-loading requirements earlier in the process.
    • Improved section naming and hierarchy throughout documentation to better guide workflow navigation.

@changeset-bot

changeset-bot Bot commented Jun 19, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: a354e92

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@netlify

netlify Bot commented Jun 19, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for storybook-mcp-self-host-example canceled.

Name Link
🔨 Latest commit a354e92
🔍 Latest deploy log https://app.netlify.com/projects/storybook-mcp-self-host-example/deploys/6a35442e1ec3720008e52b31

@pkg-pr-new

pkg-pr-new Bot commented Jun 19, 2026

Copy link
Copy Markdown
npx https://pkg.pr.new/storybookjs/mcp/@storybook/addon-mcp@300
npx https://pkg.pr.new/storybookjs/mcp/@storybook/mcp@300
npx https://pkg.pr.new/storybookjs/mcp/@storybook/mcp-proxy@300

commit: a354e92

@codecov

codecov Bot commented Jun 19, 2026 •

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 79.78%. Comparing base (f4c2bf4) to head (a354e92).
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #300      +/-   ##
==========================================
+ Coverage   79.68%   79.78%   +0.09%     
==========================================
  Files          67       67              
  Lines        2048     2048              
  Branches      578      578              
==========================================
+ Hits         1632     1634       +2     
+ Misses        235      234       -1     
+ Partials      181      180       -1     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR updates the “stories” skills used by the Codex and Claude plugins to shift the workflow emphasis toward loading Storybook AI CLI guidance first, and to de-emphasize starting/opening the preview browser unless needed by specific subcommands.

Changes:

  • Removes the strict “gated workflow” preamble and renames “Step 0 — Prerequisites” to “Prerequisites”.
  • Reorders the workflow so “Load the rules (before touching any story file)” comes before preview setup guidance.
  • Moves the preview-browser instructions under a subsection and makes them conditional (“only if you need a subcommand that requires Storybook running”).

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
packages/codex-plugin/plugins/storybook/skills/stories/SKILL.md Reorders the stories workflow to load CLI rules first and downgrades preview-browser prominence.
packages/claude-plugin/skills/stories/SKILL.md Mirrors the same workflow rework for the Claude plugin variant.

Comment on lines +71 to +75
## Load the rules (before touching any story file)

- Run `STORYBOOK_FEATURE_AI_CLI=1 npx storybook ai --help` with `require_escalated` to get all available subcommands and options. This also gets the latest rules for how to write stories.
- Save the available subcommands and options in your working memory for reference.
- Some subcommands are only available when Storybook is running. If you need to run a subcommand that requires Storybook, follow the instructions in "Guarantee a running preview browser" below to start Storybook and open the preview browser.
Comment on lines +83 to +87
## Load the rules (before touching any story file)

- Run `STORYBOOK_FEATURE_AI_CLI=1 npx storybook ai --help` to get all available subcommands and options. This also gets the latest rules for how to write stories.
- Save the available subcommands and options in your working memory for reference.
- Some subcommands are only available when Storybook is running. If you need to run a subcommand that requires Storybook, follow the instructions in "Opening the preview browser up front" below to start Storybook and open the preview browser.
@coderabbitai

coderabbitai Bot commented Jun 19, 2026

Copy link
Copy Markdown

Review Change Stack

📝 Walkthrough

Walkthrough

Both SKILL.md files (claude-plugin and codex-plugin) have their Storybook story-writing workflow restructured: the "STRICT, GATED workflow" intro text is removed, "Step 0 — Prerequisites" is renamed to "Prerequisites", the "Load the rules" section is moved earlier in the document (before the preview-browser step), and the now-redundant numbered Step 1/Step 2 headings are removed or replaced with unnumbered subsections.

Changes

Storybook SKILL.md Workflow Restructure

Layer / File(s) Summary
Absolute rules, prerequisites, and load-the-rules reorder (claude-plugin)
packages/claude-plugin/skills/stories/SKILL.md
Removes the strict-workflow preamble; adds an explicit "Absolute rules" section; renames "Step 0 — Prerequisites" to "Prerequisites"; adds a standalone "Load the rules (before touching any story file)" section with its gate; replaces the "Step 1 — Open the preview browser up front" numbered heading with an unnumbered subsection and drops the now-redundant "Step 2 — Load the rules" block.
Same structural reorder mirrored (codex-plugin)
packages/codex-plugin/plugins/storybook/skills/stories/SKILL.md
Removes the "STRICT, GATED workflow" intro text; replaces "Step 0 — Prerequisites" with "Prerequisites"; moves the "Load the rules" instructions and its gate to an earlier position; introduces a plain "Guarantee a running preview browser" heading in place of the old "Step 1" numbering; removes the duplicated gate and step-labeled blocks from their prior location.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Possibly related issues

Possibly related PRs

  • storybookjs/mcp#290: Edits the same preview-browser and "load the rules" step instructions in the Storybook workflow docs, making it directly adjacent to the step-numbering and ordering changes in this PR.

Warning

Tools execution failed with the following error:

Failed to run tools: Ping-pong health check failed


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (2)
packages/codex-plugin/plugins/storybook/skills/stories/SKILL.md (1)

61-64: ⚠️ Potential issue | 🟠 Major | ⚡ Quick win

Update stale "Step 1" reference in recovery flow (mirrors claude-plugin issue).

After restructuring, the workflow no longer has a "Step 1" heading. Lines 62–63 reference "resume this workflow from Step 1", which is now a broken internal reference. This mirrors the same issue in the claude-plugin file and must be fixed consistently across both files.

Update the reference to point to the correct section: "resume this workflow from the 'Load the rules' section."

Suggested fix
 4. **If the user opts in**, set Storybook up via the setup skills
-   (`init` / `setup`), then resume this workflow from
-   Step 1. If you recorded a decline at either scope from a previous "no", clear
+   (`init` / `setup`), then resume this workflow from the
+   "Load the rules" section. If you recorded a decline at either scope from a previous "no", clear
    it.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/codex-plugin/plugins/storybook/skills/stories/SKILL.md` around lines
61 - 64, The text in the recovery flow instructions contains a stale reference
to "Step 1" which no longer exists after workflow restructuring. Update the
phrase "resume this workflow from Step 1" in the conditional block starting with
"If the user opts in" to instead read "resume this workflow from the 'Load the
rules' section" to point to the correct section heading that now exists in the
reorganized workflow.
packages/claude-plugin/skills/stories/SKILL.md (1)

73-76: ⚠️ Potential issue | 🟠 Major | ⚡ Quick win

Update stale "Step 1" reference in recovery flow.

After restructuring, the workflow no longer has a "Step 1" heading. Line 75 references "resume this workflow from Step 1", which is now a broken internal reference. An agent following this instruction to recover from a Storybook setup decline will be confused about where to resume.

Update the reference to point to the correct section: "resume this workflow from the 'Load the rules' section" or "resume this workflow from the 'Absolute rules' and 'Load the rules' sections."

Suggested fix
 4. **If the user opts in**, set Storybook up via the setup skills
-   (`storybook-init` / `storybook-setup`), then resume this workflow from
-   Step 1. If you recorded a decline at either scope from a previous "no", clear
+   (`storybook-init` / `storybook-setup`), then resume this workflow from the
+   "Load the rules" section. If you recorded a decline at either scope from a previous "no", clear
    it.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/claude-plugin/skills/stories/SKILL.md` around lines 73 - 76, The
reference to "Step 1" in the recovery flow instruction (in the "If the user opts
in" section where users opt in to Storybook setup) is a broken internal
reference since the workflow was restructured and no longer contains a "Step 1"
heading. Replace the phrase "resume this workflow from Step 1" with the correct
section reference "resume this workflow from the 'Load the rules' section" or
"resume this workflow from the 'Absolute rules' and 'Load the rules' sections"
to ensure agents following the recovery flow can correctly locate where to
resume after completing the Storybook setup.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Outside diff comments:
In `@packages/claude-plugin/skills/stories/SKILL.md`:
- Around line 73-76: The reference to "Step 1" in the recovery flow instruction
(in the "If the user opts in" section where users opt in to Storybook setup) is
a broken internal reference since the workflow was restructured and no longer
contains a "Step 1" heading. Replace the phrase "resume this workflow from Step
1" with the correct section reference "resume this workflow from the 'Load the
rules' section" or "resume this workflow from the 'Absolute rules' and 'Load the
rules' sections" to ensure agents following the recovery flow can correctly
locate where to resume after completing the Storybook setup.

In `@packages/codex-plugin/plugins/storybook/skills/stories/SKILL.md`:
- Around line 61-64: The text in the recovery flow instructions contains a stale
reference to "Step 1" which no longer exists after workflow restructuring.
Update the phrase "resume this workflow from Step 1" in the conditional block
starting with "If the user opts in" to instead read "resume this workflow from
the 'Load the rules' section" to point to the correct section heading that now
exists in the reorganized workflow.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 3b9ba4b0-58ad-4698-88b7-f5c087654259

📥 Commits

Reviewing files that changed from the base of the PR and between f4c2bf4 and a354e92.

📒 Files selected for processing (2)
  • packages/claude-plugin/skills/stories/SKILL.md
  • packages/codex-plugin/plugins/storybook/skills/stories/SKILL.md

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants