PerfLab-io/perfagent — reverse-engineered prompt

Build me a web app called PerfAgent that helps someone understand why their site feels slow by uploading a Chrome DevTools performance trace and chatting with an AI assistant about it.

I want a clean dashboard where I can drop in a trace file, see the important performance metrics like LCP, INP, and CLS, and explore the data visually with a flame graph, a network waterfall, and a timeline of what happened during the page load and user interactions. The AI should explain what the trace means in plain English, point out likely bottlenecks, answer follow up questions in a chat style interface, and suggest practical fixes. It should also be able to generate a markdown report with the findings and recommendations.

Please make it feel polished and interactive, with useful states, toasts, side panels, and smooth browsing around the trace details. If the project needs data storage for app state or reports, wire that up too. Look up current docs online if you need to.