Storybook (UI コンポーネントカタログ・テストツール) リファレンス。 story, CSF (Component Story Format)、args, argTypes, decorators、 play function、interaction tests、autodocs、 main.ts / preview.ts 設定、アドオン (a11y, controls, viewport, themes)。
インストール方法を見るインストールする前に、エージェントに与えられる指示の中身を確認できます。
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 |
まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
AMD ROCm / HIP GPU コンピューティングリファレンス。 hipMalloc, hipLaunchKernelGGL, HIP Graph, HIPRTC, hipify, rocBLAS, MIOpen, RCCL, rocprofv3, amd-smi, rocminfo, CDNA1-4 / RDNA1-4, MI300 / MI350, gfx942, Matrix Core, wave32/64。
Android アプリ開発 (Kotlin) の推奨アーキテクチャリファレンス。 Jetpack, androidx, UI layer, Domain layer, Data layer, state holder, UDF, SSOT, オフラインファースト, モジュール化, ViewModel, viewModelScope, SavedStateHandle, Lifecycle, repeatOnLifecycle, collectAsStateWithLifecycle, LiveData, Hilt による DI, Paging 3 によるページング処理。
Android アプリ開発 (Kotlin) のバックグラウンド・非同期処理リファレンス。 Jetpack androidx WorkManager: Worker, CoroutineWorker, WorkRequest, Constraints, WorkInfo, WorkContinuation, expedited work, テスト。 Service: フォアグラウンドサービス, バウンドサービス, AIDL, Messenger。 AlarmManager, PendingIntent, BroadcastReceiver, JobScheduler, Doze。 Kotlin コルーチン, Flow, StateFlow, SharedFlow, Channel。
Android アプリ開発 (Kotlin) の Gradle ビルドシステムリファレンス。 Android Gradle Plugin (AGP), Kotlin DSL (build.gradle.kts), version catalog, KSP, R8/ProGuard, App Bundle, baseline profile。
Android Jetpack Compose (Kotlin) の androidx Material3 コンポーネントリファレンス。 Button, IconButton, FloatingActionButton, Checkbox, Switch, Slider, TextField, SearchBar, DropdownMenu, Chip, DatePicker, TimePicker, Card, Scaffold, Dialog, BottomSheet, TopAppBar, NavigationBar, NavigationRail, Tab, Snackbar, ProgressIndicator, Badge, Icon, MaterialTheme, ColorScheme, Typography, Shapes。
Android Jetpack Compose (Kotlin) のアニメーション・描画リファレンス。 androidx.compose.animation / graphics API。 AnimatedVisibility, AnimatedContent, animate*AsState, Animatable, AnimationSpec, Canvas, DrawScope, Brush, Path, Color, Image。