ais-ux-visual-evidence

Collect visual evidence by capturing screenshots and generating parity notes to verify UI implementation matches approved design sources. This ensures the final interface meets the expected design specifications accurately before moving forward.

Run automated accessibility checks using axe to scan your UI components for compliance issues. This identifies violations against accessibility standards, ensuring your UI implementation satisfies necessary requirements before moving forward.

Perform responsive testing by checking the UI implementation across different viewports using Playwright. You need active feature directories and approved design specifications available to accurately compare responsive behavior against expected layouts.

Yes, Storybook works with this verification process to isolate and verify visual parity for your feature implementation. It allows you to capture visual evidence and compare components against approved design sources accurately.

UI verification requires active feature directories because the process needs access to the actual implementation code and assets to run accessibility scans and capture accurate screenshots. Without these directories, comparing the UI against design specifications is impossible.