菜单
Add or update Storybook stories when adding or changing UI components in packages/ui. Use when creating or modifying components in @metaboost/ui.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Canonical linear DB migrations under infra/k8s/base/ops/source/database/linear-migrations, ops bundles, env keys, and runners. Use when adding or changing SQL migrations, K8s DB bootstrap, or scripts/database in this repo.
When an E2E test verifies a specific element, pass it to the capture helper so the step screenshot is taken with that element vertically centered.
Create and use Metaboost git worktrees in sibling directories named metaboost_<branch_slug> (underscores). Use when starting feature work, moving WIP off the main checkout, or opening the correct worktree path for a branch.
Distributed tracing and OTLP export patterns. Use when adding trace context, log correlation, or Observability env — after Metaboost adopts a shared observability package.
When you finish a plan file in active/, automatically move it to completed/. If it's the last plan in its set, move the whole set. Use when completing any plan under .llm/plans/active/.
User vocabulary abcmemory and abcremember — where Cursor guidance lives and how to persist new instructions. Use when the user says abcmemory or abcremember.
| name | storybook-component-docs |
| description | Add or update Storybook stories when adding or changing UI components in packages/ui. Use when creating or modifying components in @metaboost/ui. |
| version | 1.0.0 |
When to use: When you add a new component to packages/ui, or when you change a component’s props, variants, or visible behavior in a way that should be documented or visually verified.
ComponentName.stories.tsx file next to (or in the same directory as) the component.meta (Meta<typeof Component>); named exports are stories (StoryObj<typeof Component>).argTypes in meta so docs and controls reflect the component’s API.From repo root (use Nix wrapper in agent/automated environments):
./scripts/nix/with-env npm run storybook -w @metaboost/ui
Or from packages/ui: npm run storybook. Dev server runs at http://localhost:6006.