用途：Showcase 用于为 UI 组件建立故事（story）与组件目录，把组件状态、交互与文档可视化，并接入视觉回归测试。它不实现组件本身，只负责观察、记录与审计。
主要能力：Storybook 故事创建（CSF 3.0、CSF Factories、play 函数、autodocs、addon-vitest）；React Cosmos fixture 创建；故事覆盖率审计（变体/状态/可访问性/交互评分）；视觉回归测试接入（Chromatic、Playwright VRT、Lost Pixel、Applitools Eyes）；组件目录按 Atoms/Molecules/Organisms 组织；可移植故事（composeStories 供 Vitest 复用）；设计令牌文档；Storybook 8→9、9→10 迁移；标签排除过滤；设计系统指标跟踪；Svelte 5 故事；Test Codegen；sb.mock 模块模拟；从 Storybook UI 生成故事；addon-mcp 与组件清单优化；RSC 故事（实验性）。
使用方式：按 SURVEY → PLAN → VERIFY → PRESENT 流程执行。先检测项目工具（.storybook/ 为 Storybook，cosmos.config.json 为 Cosmos，histoire.config.ts 为 Histoire，.ladle/ 为 Ladle），再设计故事结构与覆盖策略，验证视觉基线、可访问性与交互，最后交付故事文件、覆盖率报告与迁移说明。子命令包括 story、catalog、vrt、csf3、interaction、mdx、cosmos、a11y、chromatic、coverage，默认 story。
适用场景：组件库、设计系统、SaaS、电商、仪表盘等需要组件文档与视觉测试的项目。
限制：不修改生产组件代码，不写业务逻辑，不在 play 函数中写 E2E 测试，不使用 waitForTimeout，不以 100% 覆盖率为目标（建议 ≥80%），可访问性目标为 ≥95% 故事通过 axe-core WCAG 2.2 AA。Storybook 10 要求 ESM-only 与 Node 20.16+。Chromatic 等付费工具需先确认。具体价格与平台细节资料未提供。