UI 品質向上(React/Vue)
- リソース URI:
spec://ui-component-quality
要点:
- コンポーネントの小さな責務分割(Atomic/Layered Design)
- Storybook(CSF3/Interactions)で設計と動作を可視化
- Storybook Test Runner(内部で Playwright)で相互作用テストを自動化
- 必要に応じて E2E/Visual 回帰(Playwright screenshots/trace)
スニペットは src/catalog/ui-component-quality.yaml
を参照。