원클릭으로 Manus에서 모든 스킬 실행

storybook

스타4

포크0

업데이트2026년 4월 28일 17:23

Scaffold storybook config (.storybook/main.ts, preview.ts) plus auto-generated *.stories.tsx files for every PascalCase component in the codebase that has a matching named export. Caps at 50 components per run. dragoon does NOT install storybook - run `npx storybook init` after. Use to bootstrap stories quickly across an existing component library. Run as `node ~/.claude/skills/dragoon/skills/storybook/scripts/storybook.js`.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

Dragoon0x

Dragoon0x/dragoon-skills

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

/storybook

Auto-generates a story for every component, plus storybook config.

When to use

Setting up storybook for the first time
Backfilling stories for an existing component library
The user says "add storybook", "scaffold stories"

Run it

dragoon storybook            # preview
dragoon storybook --apply    # write stories for every component

Then

npm i -D @storybook/react-vite @storybook/react @storybook/addon-essentials
npx storybook init
npm run storybook

이 저장소의 다른 Skills

같은 저장소

useforgekit

Dragoon0x/dragoon-skills

Generate optimal Claude Code configuration for any project. Creates CLAUDE.md, settings.json, skills, hooks, agents, and commands tailored to your stack. Run /forge to start.

2026-05-014

accessibility

Dragoon0x/dragoon-skills

File-level accessibility audit with concrete line locations for every finding. Eight rules: img-missing-alt, button-without-label, link-without-text, input-without-label, positive-tabindex, click-handler-on-non-interactive, autofocus, low-contrast-token-pair. Use when the user wants to audit a11y, find accessibility regressions, or gate a PR on a11y. Run as `node ~/.claude/skills/dragoon/skills/accessibility/scripts/accessibility.js [path]`.

2026-04-284

autoplan

Dragoon0x/dragoon-skills

Run /brief, /plan-eng, and /plan-design in one shot to bootstrap a complete sprint plan. All three documents land in .dragoon/plans/ pre-filled with codebase facts. Use when the user wants to spin up a full plan quickly. Defaults to dry-run; pass --apply to write all three files. Run as `node ~/.claude/skills/dragoon/skills/autoplan/scripts/autoplan.js "<idea>"`.

2026-04-284

benchmark

Dragoon0x/dragoon-skills

Snapshot codebase metrics (file count, total lines, /critique scores) for trend tracking. Subcommands capture/list/compare/show. Snapshots stored as JSON in .dragoon/benchmarks/. Use to track design quality and codebase growth over time. Run as `node ~/.claude/skills/dragoon/skills/benchmark/scripts/benchmark.js <subcommand>`.

2026-04-284

brief

Dragoon0x/dragoon-skills

Generate a structured product brief markdown from a one-line idea, pre-filled with codebase facts (stack, type system, palette, components count) from dragoon.json. Use when the user is starting a new feature, project, or initiative and wants to think through it before coding. Output goes to .dragoon/plans/brief-{slug}-{date}.md. Defaults to dry-run preview; pass --apply to write. Run as `node ~/.claude/skills/dragoon/skills/brief/scripts/brief.js "<idea>"`.

2026-04-284

canary

Dragoon0x/dragoon-skills

Generate a curl-based canary watcher script for a deployed URL. Validates URL is http/https, status code is 100-599, interval is 5-86400 seconds. The generated script supports one-shot (default) and --watch (continuous loop) modes. Wire into cron or a CI scheduled job. Run as `node ~/.claude/skills/dragoon/skills/canary/scripts/canary.js <url>`.

2026-04-284

원클릭으로 모든 스킬 실행

name	storybook
description	Scaffold storybook config (.storybook/main.ts, preview.ts) plus auto-generated *.stories.tsx files for every PascalCase component in the codebase that has a matching named export. Caps at 50 components per run. dragoon does NOT install storybook - run `npx storybook init` after. Use to bootstrap stories quickly across an existing component library. Run as `node ~/.claude/skills/dragoon/skills/storybook/scripts/storybook.js`.
version	1.0.0