← All skills
storybook
82 / 100 · Low risk
Fine to try. Some of what it can do is expected: a devops skill usually runs commands, installs tools and uses cloud credentials.
By pproenca/dot-skills (GitHub) · devops · 226 stars · scanned at commit cf93c57
Use whenever creating, configuring, or extending Storybook for a TS/React component library — covers main.ts/preview.ts setup, CSF3 story authoring, args/argTypes/controls, decorators and providers, MSW and module mocking, play-function interaction tests via the Vitest addon, the @storybook/addon-a11y workflow (axe-core), autodocs vs MDX docs, design tokens, Figma linking, Chromatic deployment, and on-demand build performance. Triggers on tasks like "write a story", "set up Storybook", "configu…
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this. Expected for a devops skill.
Found in 19 places.
Show 16 more
- skills/.experimental/storybook/gotchas.md, line 10
Both packages resolve in a Storybook 9+/10 project (the legacy `@storybook/test` is left as a transitive dep). Imports from the legacy path "work" but produce a - skills/.experimental/storybook/references/build-cache-storybook-in-ci.md, line 61
- run: npx playwright install chromium --with-deps - skills/.experimental/storybook/references/build-cache-storybook-in-ci.md, line 63
- run: npx vitest run --project=storybook - skills/.experimental/storybook/references/build-deploy-static-build-to-shareable-host.md, line 62
"preview-storybook": "npx http-server storybook-static -p 6006 --silent" - skills/.experimental/storybook/references/config-add-addons-via-cli.md, line 2
title: Install addons with `npx storybook add` instead of hand-editing - skills/.experimental/storybook/references/config-add-addons-via-cli.md, line 8
## Install addons with `npx storybook add` instead of hand-editing - skills/.experimental/storybook/references/config-add-addons-via-cli.md, line 10
`npx storybook add <addon>` does three things hand-editing forgets: installs the package at the correct version pinned to your Storybook version, registers it i - skills/.experimental/storybook/references/config-add-addons-via-cli.md, line 32
npx storybook add @storybook/addon-vitest - skills/.experimental/storybook/references/docs-figma-link-via-design-addon.md, line 75
npx storybook add @storybook/addon-designs - skills/.experimental/storybook/references/test-import-from-storybook-test.md, line 41
**Migration pointer:** Run `npx storybook@latest upgrade`; the codemod replaces `@storybook/test` imports automatically. After upgrading, `@storybook/test` can - skills/.experimental/storybook/references/test-vitest-addon-for-ci.md, line 28
- run: npx playwright install --with-deps - skills/.experimental/storybook/references/test-vitest-addon-for-ci.md, line 30
- run: npx http-server storybook-static -p 6006 & - skills/.experimental/storybook/references/test-vitest-addon-for-ci.md, line 31
- run: npx wait-on http://localhost:6006 - skills/.experimental/storybook/references/test-vitest-addon-for-ci.md, line 38
npx storybook add @storybook/addon-vitest - skills/.experimental/storybook/references/test-vitest-addon-for-ci.md, line 74
- run: npx playwright install chromium --with-deps - skills/.experimental/storybook/references/test-vitest-addon-for-ci.md, line 75
- run: npx vitest run
Connects to the internet
This is disclosed by the author in the skill's SKILL.md or README. Expected for a devops skill.
Found in 3 places.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'storybook' ] || [ -L ~/.agents/skills/'storybook' ]; then echo 'A skill folder named storybook already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/pproenca/dot-skills' "$d" && git -C "$d" checkout --quiet 'cf93c57cac89d6fc3e4194686000411567f5caf3' -- 'skills/.experimental/storybook' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/.experimental/storybook' ~/.agents/skills/'storybook' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'storybook' ~/.claude/skills/'storybook' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for pproenca/dot-skills shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/pproenca/dot-skills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | cf93c57 | 100 |