commands/development/ux/optimize-dashboard.md

Optimize and enhance display dashboard for kiosk mode.

Your task:

1. Gather requirements:

   • Target screen sizes (desktop, tablet, large displays)
   • Kiosk mode duration (hours/days continuously)
   • Key metrics to display
   • Update frequency requirements

2. Optimize for extended display:

   • Caching strategy:

     • Service worker for offline capability
     • Cache API for data storage
     • LocalStorage for persistent state

   • Refresh functionality:

     • Auto-refresh intervals
     • Manual refresh option
     • Stale data indicators
     • Error recovery

3. Responsive design for multiple screens:

   • Fluid layouts that adapt to screen size
   • Breakpoints for common displays
   • Optimal font scaling
   • Touch-friendly controls (if applicable)

4. Performance optimization:

   • Lazy loading for data
   • Efficient rendering (virtualization for large datasets)
   • Resource cleanup to prevent memory leaks
   • Optimize animations for long-running displays

5. Visual design for readability:

   • High contrast for visibility
   • Clear hierarchy
   • Minimal clutter
   • Status indicators

For static site generator dashboards, ensure compatibility and optimal caching strategies.