economical-visual-tests
该技能用于编写经济型视觉测试:在按快照计费的视觉测试工具(如 UI Verify、Chromatic、Percy、Playwright 截图等)中,用尽量少的计费快照实现完整视觉覆盖。核心做法是把多个变体或状态合并到同一个“画廊”故事中渲染,用固定 fixture 驱动多种状态,避免为每个变体×状态×主题各写一个故事导致成本与噪声面快速膨胀。资料同时强调权衡:共享同一组件的纯组件矩阵适合合并,真正独立的页面或流程应保持分开,并建议在重构时给出快照数量与降幅对比。