gsd-ui-developer

To create a UI specification, generate or update a UI_SPEC.md file detailing layout, components, breakpoints, and interactions. This document serves as the foundational blueprint to guide frontend implementation and align visual outputs with design requirements.

Browser-based visual verification validates rendering and behavior in the running application across devices and viewports. It ensures that implemented frontend components accurately match the UI specification under real-world conditions.

To check accessibility requirements, verify alt text, keyboard navigation, color contrast, and semantic markup through a browser-enabled workflow. This ensures frontend components meet accessibility standards before release.

The best way to test UI breakpoints is by running a browser-based validation workflow that checks rendering and behavior across multiple devices and viewports. This ensures consistent responsive design and visual alignment with the UI spec.

Yes, you can use this workflow to align UI specs with visual implementation by creating a UI_SPEC.md, executing the frontend plan, and running browser-based verification to validate visuals and accessibility end-to-end.

Frontend implementation misaligns with UI design when lacking a repeatable workflow to create UI specifications, implement components, and verify results with browser-based visual validation and accessibility checks.