Skip to content

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 を参照。

Released under the MIT License.