Workbench Frontend Design QA

Use this skill for frontend UI, desktop/web surfaces, screenshots, responsive checks, interaction polish, and design-system consistency.

QA Standard

• Test the actual screen or rendered artifact, not just source code.
• Check desktop and mobile or narrow-width behavior when the UI is responsive.
• Verify text fit, no incoherent overlap, stable spacing, focus states, hover states, loading states, empty states, and error states.
• For operational tools, prefer dense, scannable, predictable layouts over marketing-style pages.
• Use real assets or rendered UI evidence when visual truth matters.

Design Checks