Audit frontend code quality, UI/UX, forms, state management, and translations. Typically loaded by the audit-orchestrator skill via sub-agents, but can be used standalone.
Audit frontend code quality, UI/UX, forms, state management, and translations. Typically loaded by the audit-orchestrator skill via sub-agents, but can be used standalone.
Frontend UI/UX Checklist
Verification Patterns (Stub Detection)
Before checking code quality, verify implementations are real — not stubs or placeholders.
Principle: Existence ≠ Implementation. A file existing does not mean the feature works.
4-Level Verification
Level
Check
How
Exists
File is at expected path, exports component/function
File + export check
Substantive
Returns real JSX, not placeholder div
Check for meaningful content, state usage, event handlers with logic
Wired
Connected to the app — imported and used somewhere
grep for imports, route registration
Functional
Renders correctly, interactions work
Build passes, tests pass, visual verification
Red Flags (auto-fail)
Components returning <div>Placeholder</div>, <div>{/* TODO */}</div>, or null
Event handlers that are empty: onClick={() => {}}, onSubmit={(e) => e.preventDefault()} with no other logic
