菜单
Storybook (UI コンポーネントカタログ・テストツール) リファレンス。 story, CSF (Component Story Format)、args, argTypes, decorators、 play function、interaction tests、autodocs、 main.ts / preview.ts 設定、アドオン (a11y, controls, viewport, themes)。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/Fandhe-AI/agent-reference-skills --skill storybook命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Rust 製 AI/ML ライブラリ fandhe-ai のリファレンス。Burn / candle / tch 非依存の from-scratch 実装。 compat::Sequential, compat::array, tape(), tape_for(), Tape, Var, Tensor, Gradients, LinearVars, Device (Cpu / Cuda / Metal)。 tensor-core の kernel fusion, FusionPlan, BackendOps。dynamic-tape autodiff。 cfg ベースのバックエンド構成・数値一致契約。ONNX / safetensors 相互運用。 guardrail / self-repair CLI。
親イシュー配下のサブイシュー（孫含む）を依存順を保ちつつ worktree で並列に自動実装・push 前 review・PR 作成・CI 監視・マージ可能状態化まで一括自動化。 「イシューツリーを並列実装」「配下のサブイシューをまとめて実装」「ツリー全体を並列で実装して」「イシュー階層を自動開発」で使用。 per-issue 計画立案（Plan: セッション継承モデル）→実装（Implement: sonnet）の分業。push 前 review（Review 通過後にのみ push・PR 作成して CI を 1 回だけ起動）。 外部チェック構成は args の externalChecks で明示（{"app", "context"} の組で宣言。[] で「なし」を確定して不要待機なし・未指定なら自動マージ停止・slug のみの旧形式は自動マージ fail-closed）。 自動 squash merge は autoMerge: true + externalChecks 明示（全 App の信頼済み context 宣言込み）の opt-in で実行（merge-exec の自己取得再検証 + サーバー側 branch protection 実測が前提。既定 false はマージ可能状態で停止し人間がマージ。サーバー側 workflow サンプル（upstream の docs/implement-issue-tree/auto-merge-sample.yml 参照）+ branch protection への委譲も可）。並列度（parallel）と依存（dependsOn）で実行順を制御。 単一イシューの実装は implement-issue、PR レビューは implement-review-pr を参照。
Rust 製フロントエンドフレームワーク fandhe-frontend のリファレンス。 SSR / SPA / SSG / View Transitions 統合、hydration、単一実行ファイル配布。 既定エスケープ・forbid(unsafe_code) の安全設計。 主要クレート core / app / interactive / headless-ui(Primitives) / pre-styled-ui(Themes) / server(SSG generate_pages/generate_assets)（fandhe-frontend- 接頭）。 CLI fw（new / gate / structure / impact）。
基于 SOC 职业分类
正在显示 SKILL.md
| name | storybook |
| description | Storybook (UI コンポーネントカタログ・テストツール) リファレンス。 story, CSF (Component Story Format)、args, argTypes, decorators、 play function、interaction tests、autodocs、 main.ts / preview.ts 設定、アドオン (a11y, controls, viewport, themes)。 |
| user-invocable | false |
| model | sonnet |
Storybook 公式ドキュメントを網羅した API リファレンススキル。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。
skills/storybook/
SKILL.md
references/
get-started/
README.md
browse-stories.md
frameworks.md
install.md
setup.md
whats-a-story.md
writing-stories/
README.md
args.md
build-pages.md
decorators.md
loaders.md
mocking-modules.md
mocking-network-requests.md
mocking-providers.md
multiple-components.md
naming-and-hierarchy.md
parameters.md
play-function.md
tags.md
typescript.md
writing-tests/
README.md
accessibility-testing.md
in-ci.md
interaction-testing.md
portable-stories.md
snapshot-testing.md
test-coverage.md
vitest-addon.md
visual-testing.md
writing-docs/
README.md
autodocs.md
build-documentation.md
code-panel.md
doc-blocks.md
mdx.md
essentials/
README.md
actions.md
backgrounds.md
controls.md
highlight.md
measure-and-outline.md
toolbars-and-globals.md
viewport.md
configure/
README.md
addons.md
compilers.md
environment-variables.md
features-and-behavior.md
frameworks.md
images-and-assets.md
sidebar-and-urls.md
story-layout.md
story-rendering.md
styling-and-css.md
telemetry.md
theming.md
typescript.md
builders/
README.md
builder-api.md
vite.md
webpack.md
sharing/
README.md
design-integrations.md
embed.md
package-composition.md
publish-storybook.md
storybook-composition.md
api/
README.md
arg-types.md
cli-options.md
csf.md
new-frameworks.md
parameters.md
main-config/
README.md
addons.md
babel.md
build.md
core.md
docs.md
env.md
features.md
framework.md
indexers.md
log-level.md
manager-head.md
preview-annotations.md
preview-body.md
preview-head.md
refs.md
static-dirs.md
stories.md
swc.md
tags.md
typescript.md
vite-final.md
webpack-final.md
doc-blocks/
README.md
arg-types.md
canvas.md
color-palette.md
controls.md
description.md
icon-gallery.md
markdown.md
meta.md
primary.md
source.md
stories.md
story.md
subtitle.md
table-of-contents.md
title.md
typeset.md
unstyled.md
use-of.md
portable-stories/
README.md
jest.md
playwright.md
vitest.md
samples/
README.md
accessibility-testing.md
args-composition.md
autodocs.md
basic-story.md
decorators.md
global-styles-setup.md
loaders.md
parameters.md
play-function.md
scripts/
README.md
addons.md
build.md
cli.md
install.md
sandbox.md
test.md
upgrade.md
タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:
references/{category}/README.md を参照して目的のページを特定する.md を Read して詳細を確認する| タスク | カテゴリ | 参照 README |
|---|---|---|
| インストール、セットアップ、フレームワーク選択、ストーリーとは何か | get-started | references/get-started/README.md |
| Args、Decorators、Play function、Loaders、Tags、Mocking、TypeScript | writing-stories | references/writing-stories/README.md |
| Interaction テスト、A11y テスト、Visual テスト、Vitest addon、CI、テストカバレッジ | writing-tests | references/writing-tests/README.md |
| Autodocs、MDX、Doc Blocks、ドキュメントビルド、Code Panel | writing-docs | references/writing-docs/README.md |
| Actions、Controls、Viewport、Backgrounds、Toolbars、Highlight | essentials | references/essentials/README.md |
| CSS、TypeScript、Theming、Telemetry、環境変数、サイドバー、アドオン登録、コンパイラー | configure | references/configure/README.md |
| Vite、Webpack、Builder API | builders | references/builders/README.md |
| Storybook の公開・共有、デザインツール連携、Composition、埋め込み | sharing | references/sharing/README.md |
| CSF、ArgTypes、Parameters、CLI オプション、新フレームワーク追加 | api | references/api/README.md |
| main.js / main.ts の framework、stories、addons、features 等の設定 | api/main-config | references/api/main-config/README.md |
| Canvas、Source、Meta、Controls 等の Doc Block コンポーネント |
| api/doc-blocks |
| references/api/doc-blocks/README.md |
| Vitest・Jest・Playwright での Portable Stories | api/portable-stories | references/api/portable-stories/README.md |
| 典型的な使い方・実装例を知りたい | samples | samples/README.md |
| インストール・CLI コマンド・ビルド・テスト実行・アップグレードを知りたい | scripts | scripts/README.md |