Why Chrome DevTools is hard
Chrome DevTools is a deep toolset — Elements, Console, Sources, Network, Performance, Memory, Application, Lighthouse. Each panel has tabs, sub-panels, and keyboard shortcuts. The Network waterfall chart alone confuses most developers. Console errors are often framework-obfuscated. Breakpoints can be conditional, DOM, XHR, or event listener.
How Tutor mode helps
Tutor mode watches your DevTools. A CORS error in the console? Lumini sees the request and response headers and explains the CORS policy violation. A slow network request? Lumini points at the waterfall timings and explains TTFB, DNS lookup, and SSL negotiation. A React error? Lumini interprets the component stack trace.
How Lumini automates tasks
Lumini automates testing workflows. 'Lumini, search the web for this CORS error pattern.' 'Lumini, create a note with the API endpoints from this network log.' 'Lumini, remind me to fix these accessibility violations before deploy.' 'Lumini, open the Lighthouse report URL.'