Design and visually verify changes to the QA-Core UI (qa-core-ui.html — the dashboard + chat + run-history surface served by the WebSocket gateway at ws://127.0.0.1:18789). Use when planning UI changes, restyling components, adjusting layout/typography/colors, debugging visual regressions, or auditing accessibility on the dashboard. Wraps the workflow: read the design language → make changes → drive the live UI via Playwright/Chrome-DevTools MCP → take screenshots at relevant states → compare against intent → fix → re-verify. Composes with [[ui-ux-pro-max]] (general design intelligence) and the [[shadcn-ui]] MCP (component patterns). Use BEFORE shipping any change that affects qa-core-ui.html, related CSS, or the framework-zip card.
2026-07-01
