Storybook Agent Skills
Workshop for building, documenting and testing UI components in isolation.
Showing 1–21 of 21 skills
canary
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.
.agents/skills/canary/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗docs-review
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.
.agents/skills/docs-review/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗fix-linting-types-on-pr
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.
.agents/skills/fix-linting-types-on-pr/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗github-qa-labels
Label GitHub issues and PRs found during QA testing. Use when organizing QA findings with proper labels.
.agents/skills/github-qa-labels/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗handle-pr-comments
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.
.agents/skills/handle-pr-comments/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗minor-release
Write the changelog entry for a new minor or major Storybook release. Use when preparing a CHANGELOG.md entry for a X.Y.0 version.
.agents/skills/minor-release/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗open-pr
Opens a pull request from the current branch using the PR template. Use when the user asks to open a PR, create a pull request, or invokes /open-pr.
.agents/skills/open-pr/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗pr
Creates a pull request following Storybook conventions. Use when creating PRs, opening pull requests, or submitting changes for review.
.agents/skills/pr/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗principle-encode-lessons-in-structure
Apply when you catch yourself writing the same instruction a second time, or notice a recurring correction. Encode the rule as a lint, metadata flag, runtime check, or script instead of more text.
.agents/skills/principle-encode-lessons-in-structure/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗rebuild-restart-storybook
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.
.agents/skills/rebuild-restart-storybook/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗storybook-startup-benchmark
Measure Storybook startup time from spawning `storybook dev` until the first story renders in the browser. Use when the user asks about Storybook boot time, server-ready timing, first story render timing, startup regressions, benchmarking with repeat runs, or comparing Storybook versions or feature flags.
.agents/skills/storybook-startup-benchmark/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗storybook-upgrade
Upgrade Storybook to a specific version (canary or release). Use this when upgrading Storybook packages in an external app, reproduction, or test project.
.agents/skills/storybook-upgrade/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗update-pr-description
Evaluate a PR's title and description against its actual implementation, then iteratively suggest and apply updates. Use when the user asks to check, fix, or update a PR title or description.
.agents/skills/update-pr-description/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗stories
Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also for starting or previewing Storybook to verify UI, requests to show, browse, or list components, stories, or UI states, and docs, props, or usage lookups.
code/lib/claude-plugin/skills/stories/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗storybook-init
Use when adding Storybook to a project that does not have Storybook configured yet.
code/lib/claude-plugin/skills/storybook-init/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗storybook-setup
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
code/lib/claude-plugin/skills/storybook-setup/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗storybook-upgrade
Use this skill when Storybook exists but needs an upgrade.
code/lib/claude-plugin/skills/storybook-upgrade/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗init
Use when adding Storybook to a project that does not have Storybook configured yet.
code/lib/codex-plugin/plugins/storybook/skills/init/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗setup
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
code/lib/codex-plugin/plugins/storybook/skills/setup/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗stories
Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also for starting or previewing Storybook to verify UI, requests to show, browse, or list components, stories, or UI states, and docs, props, or usage lookups.
code/lib/codex-plugin/plugins/storybook/skills/stories/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗upgrade
Use this skill when Storybook exists but needs an upgrade.
code/lib/codex-plugin/plugins/storybook/skills/upgrade/SKILL.md
StorybookContributors
GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.
File history ↗
Discovery details · 13 files with invalid metadata
Tracked SKILL.md files, excluding tests, fixtures, dependencies, and vendored directories. The Instructions analysis keeps its own pinned revision.
.claude/skills/canary/SKILL.md: Missing YAML frontmatter..claude/skills/docs-review/SKILL.md: Missing YAML frontmatter..claude/skills/fix-linting-types-on-pr/SKILL.md: Missing YAML frontmatter..claude/skills/github-qa-labels/SKILL.md: Missing YAML frontmatter..claude/skills/handle-pr-comments/SKILL.md: Missing YAML frontmatter..claude/skills/minor-release/SKILL.md: Missing YAML frontmatter..claude/skills/open-pr/SKILL.md: Missing YAML frontmatter..claude/skills/pr/SKILL.md: Missing YAML frontmatter..claude/skills/principle-encode-lessons-in-structure/SKILL.md: Missing YAML frontmatter..claude/skills/rebuild-restart-storybook/SKILL.md: Missing YAML frontmatter..claude/skills/storybook-startup-benchmark/SKILL.md: Missing YAML frontmatter..claude/skills/storybook-upgrade/SKILL.md: Missing YAML frontmatter..claude/skills/update-pr-description/SKILL.md: Missing YAML frontmatter.
Give your agents the whole story.
Skills teach agents how your team works. Modem shows them what customers said, who is affected, and what changed.