storybook-tools

90 / 100 · Low risk

Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.

By harrychuang/cursor-skills (GitHub) · coding · 19 stars · scanned at commit f005e4d

Install and bind a suite of generic Storybook「Tools」pages into any React + Vite Storybook project. Current tools: the Component Coverage Analyzer (UI-image/PRD-to-coverage-report workflow with dev API vite plugin, check scripts, and companion analyze/implement skills) and the Component Timeline (git-derived component birth dates joined with the catalog, with live story previews). Copies the bundled template per tool, generates a project-specific component catalog by reading the target project's…

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this. Expected for a coding skill.

Found in 2 places.

storybook-tools/template/scripts/component-timeline/build-component-timeline.mjs, line 1import { execFileSync } from "node:child_process";
storybook-tools/template/scripts/component-timeline/build-component-timeline.mjs, line 49const raw = execFileSync(

Connects to the internet

The author does not mention this.

Found in 9 places.

storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 141const indexResponse = await fetch(
storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 153const response = await fetch(
storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 172const response = await fetch(`${componentCoverageApiPath}/state`);

Show 6 more

storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 199const response = await fetch(`${componentCoverageApiPath}/requests`, {
storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 227const response = await fetch(
storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 246const response = await fetch(
storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 261const response = await fetch(
storybook-tools/template/src/storybook/component-coverage/coverageApi.ts, line 288const response = await fetch("./index.json");
storybook-tools/template/src/storybook/component-timeline/ComponentTimeline.tsx, line 171const response = await fetch("./index.json");

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'storybook-tools' ] || [ -L ~/.agents/skills/'storybook-tools' ]; then echo 'A skill folder named storybook-tools already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/harrychuang/cursor-skills' "$d" && git -C "$d" checkout --quiet 'f005e4d5aae95149b69912b89ea95b46c90cce0b' -- 'storybook-tools' && mkdir -p ~/.agents/skills && cp -R "$d"/'storybook-tools' ~/.agents/skills/'storybook-tools' && 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-tools' ~/.claude/skills/'storybook-tools' (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 harrychuang/cursor-skills shows the score of its lowest-scoring skill.

SkillTrust badge for harrychuang/cursor-skills

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/harrychuang/cursor-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/harrychuang/cursor-skills/)

Score history

Date	Version	Score
2026-11-10	`f005e4d`	90