component-docs
Look up the components of a project with Storybook, with their props and usage examples, to reuse existing components instead of…
@storybookjsInstall SkillFrontend
Skill
/ui-review
Publish a Storybook review that shows the user the stories a UI change affects, or the components and stories they ask to see.
Claude Code
$ npx -y skills add storybookjs/storybook --skill ui-review --agent claude-code
Codex
$ npx skills add storybookjs/storybook --skill ui-review -a codex -y
Cursor
$ npx skills add storybookjs/storybook --skill ui-review -a cursor -y
Gemini CLI
$ npx skills add storybookjs/storybook --skill ui-review -a gemini-cli -y
GitHub Copilot
$ npx skills add storybookjs/storybook --skill ui-review -a github-copilot -y
OpenCode
$ npx skills add storybookjs/storybook --skill ui-review -a opencode -y
Windsurf
$ npx skills add storybookjs/storybook --skill ui-review -a windsurf -y
SKILL.md
ui-review.SKILL.mdname: ui-review
description: Publish a Storybook review that shows the user the stories a UI change affects, or the components and stories they ask to see.
Prerequisites:
1. Storybook must be installed in the project. Invoke the `/storybook-init` skill to set up Storybook, but only if the user explicitly invoked this skill and approves a Storybook installation. 2. Storybook must be 11.0 or later. An 11.0 prerelease (`11.0.0-alpha.x`, `-beta.x` or `-rc.x`) or a canary build (`0.0.0-pr-*`) also counts. Treat a request to set up or install Storybook as approval to perform any required Storybook upgrade. For other requests, invoke the `/storybook-upgrade` skill only after the user explicitly approves an upgrade.
Run the Storybook dev server and every Storybook CLI command from the same working directory: the package where Storybook is installed (in a monorepo often a leaf package such as `packages/ui`).
If the sandbox blocks network access or ports, request escalated permissions for Storybook CLI commands; otherwise the dev server can fail in confusing ways (for example, it finds no free port to bind to).
Run `npx storybook skills ui-review` in a command of its own, without `head` or `tail`, and follow its output: how to use the running Storybook dev server, and the commands that find the stories your change affects and publish a review of them.
When you publish a review, end your final answer with the three lines `review create` prints, unchanged, and mention the review link nowhere else in it.
Read more
name: ui-review description: Publish a Storybook review that shows the user the stories a UI change affects, or the components and stories they ask to see.
Prerequisites:
1. Storybook must be installed in the project. Invoke the `/storybook-init` skill to set up Storybook, but only if the user explicitly invoked this skill and approves a Storybook installation. 2. Storybook must be 11.0 or later. An 11.0 prerelease (`11.0.0-alpha.x`, `-beta.x` or `-rc.x`) or a canary build (`0.0.0-pr-*`) also counts. Treat a request to set up or install Storybook as approval to perform any required Storybook upgrade. For other requests, invoke the `/storybook-upgrade` skill only after the user explicitly approves an upgrade.
Run the Storybook dev server and every Storybook CLI command from the same working directory: the package where Storybook is installed (in a monorepo often a leaf package such as `packages/ui`).
If the sandbox blocks network access or ports, request escalated permissions for Storybook CLI commands; otherwise the dev server can fail in confusing ways (for example, it finds no free port to bind to).
Run `npx storybook skills ui-review` in a command of its own, without `head` or `tail`, and follow its output: how to use the running Storybook dev server, and the commands that find the stories your change affects and publish a review of them.
When you publish a review, end your final answer with the three lines `review create` prints, unchanged, and mention the review link nowhere else in it.
Stats
91,576
Stars
10,520
Forks
Active
Maintenance
TypeScript
Language
MIT
License
Last commit
Created
Ships withstorybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
92k10 skills1 MCP
Stars on GitHub
Momentum
- stars in total
- 91.6k
Other skills on storybook.
@storybookjsInstall Skillstorybook-init
Use when adding Storybook to a project that has no `storybook` dependency yet.
@storybookjsInstall Skillstorybook-setup
Use this skill when Storybook is already installed and the user wants it set up for the project, with a working `preview` file…
@storybookjsInstall Skillstorybook-upgrade
Use this skill when Storybook exists but needs an upgrade.
@storybookjsInstall Skilltest-stories
Run the Storybook story tests of a project, with their accessibility checks, and fix what fails.
@storybookjsInstall Skillwrite-stories
The rules for writing Storybook stories in a project. They cover which states get a story, the imports, play functions, and mocks…
@storybookjsInstall SkillMore skills from other plugins.
Auto-invoked
migrate-radix-to-base
Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert…
@shadcn-uiInstall Skill
Auto-invoked
taste-skill
tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One…
@leonxlnxInstall SkillQuestions about ui-review.
- Which coding agents can use ui-review?
- ui-review installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.