← ClaudeAtlas

ss-auditlisted

Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
ENDERMITA12/styleseed · ★ 0 · Web & Frontend · score 75
Install: claude install-skill ENDERMITA12/styleseed
# UX Audit Target: **$ARGUMENTS** ## Audit Framework ### Nielsen's 10 Usability Heuristics #### 1. Visibility of System Status - [ ] Loading states present (skeleton screens, not spinners) - [ ] Success/error feedback after actions (toast notifications) - [ ] Progress indicators for multi-step flows - [ ] Active state clearly shown on navigation items - [ ] Real-time data has timestamp showing freshness #### 2. Match Between System and Real World - [ ] Labels use user's language, not technical jargon - [ ] Icons are universally recognizable (Lucide standard set) - [ ] Number formats match user expectations (comma separators, currency symbols) - [ ] Date formats are locale-appropriate #### 3. User Control and Freedom - [ ] Back navigation available on all non-root screens - [ ] Destructive actions have confirmation dialogs - [ ] Undo available for reversible actions (toast with undo) - [ ] Bottom sheet/modal can be dismissed (backdrop tap, swipe down, X button) - [ ] No dark patterns (no forced actions, always a way to dismiss) #### 4. Consistency and Standards - [ ] Same action = same appearance everywhere - [ ] Color meanings are consistent (green=success, red=error, brand=active) - [ ] Text hierarchy follows the 5-level grayscale system - [ ] All cards use the same shadow, radius, padding - [ ] Spacing follows the 6px grid system #### 5. Error Prevention - [ ] Destructive buttons are visually distinct (destructive variant) - [ ] Form validation happens on blur (not