CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

component-docs

Look up the components of a project with Storybook, with their props and usage examples, to answer questions about them or to reuse them instead of building duplicates. Use when the project's agent instructions (such as AGENTS.md) or the user ask for it. For a UI change, use ui-workflow, which includes the same component lookup.

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Prerequisites:

  1. Storybook must be installed in the project. If it is not, read the components' source files instead.
  2. Storybook must be 11.0 or later. An 11.0 prerelease (11.0.0-alpha.x) or a canary build (0.0.0-pr-*) also counts. If it is older, invoke the /storybook-upgrade skill only after the user explicitly approves an upgrade; until then, read the components' source files instead.

Run every Storybook CLI command from the package where Storybook is installed (in a monorepo often a leaf package such as packages/ui).

If the sandbox blocks network access, request escalated permissions for Storybook CLI commands.

Run npx storybook skills component-docs and follow its output: it lists the commands that show this project's components, props, and usage examples, and when to use them.

Repository

storybookjs/storybook

Path

code/lib/claude-plugin/skills/component-docs/SKILL.md

Last updated
First committed

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.