bee:pre-dev-design-validation

To validate wireframes, you can use a checklist-based approach to verify that all required UX artifacts, UI states (loading, error, empty, success), and accessibility criteria are thoroughly defined before implementation begins.

Design validation in a gate-based workflow is the process of enforcing design readiness by checking UX completeness and specification adherence, ensuring incomplete or ambiguous designs do not advance to the technical implementation phase.

You can check component alignment by verifying that the elements specified in your wireframes are available and correctly mapped within the project's predefined UI component library before development starts.

You need to run a UX checklist when preparing to code a new feature, ensuring wireframes cover all user interactions, define necessary states, and specify accessible design patterns to prevent costly rework later.

Yes, design validation performs state coverage verification to confirm that all necessary UI states, including loading, error, empty, and success states, are explicitly defined in the provided wireframes.

The best way to prevent incomplete UX specs from reaching developers is enforcing a design validation gate that checks wireframes, user flows, and accessibility criteria against predefined requirements before technical design begins.