用途：当 Web 应用感觉缓慢、卡顿或无响应时，可用此技能对运行中的应用做 CPU 性能剖析。它借助 Cursor 内置浏览器的 CPU 分析工具，捕获真实调用栈与时序数据，并给出优化建议。
主要能力：通过 cursor-ide-browser MCP 提供的 browser_profile_start 与 browser_profile_stop 工具，采集 Chrome DevTools 格式的 CPU 剖析数据。剖析结果以原始 JSON 和可读摘要两种形式写入 ~/.cursor/browser-logs/。
使用方式：先确保应用正在运行，必要时启动开发服务器；用 browser_navigate 打开慢页面，例如参数 { "url": "http://localhost:3000/slow-page" }；调用 browser_profile_start 开始剖析；用浏览器工具（如 browser_click、browser_scroll、browser_fill）复现变慢的交互，点击、滚动、输入、切换页面，等待几秒完成交互；调用 browser_profile_stop 停止，会写入 cpu-profile-{timestamp}.json 原始剖析文件与 cpu-profile-{timestamp}-summary.md 摘要文件。随后阅读两个文件，重点关注 profile.nodes[].hitCount、profile.nodes[].callFrame.functionName、profile.samples.length，结合摘要识别最耗 CPU 的函数、意外的重渲染或布局抖动、昂贵的第三方库调用、阻塞主线程的同步操作，并据此提出记忆化昂贵计算、给高频事件处理加防抖、把重活移到 Web Worker、懒加载组件或路由、虚拟化长列表等具体优化建议。
限制与注意：务必阅读原始 JSON 核对摘要，摘要可能遗漏细节；建议先在开发模式剖析，但 React 开发模式有额外开销，准确测量应使用生产构建；2 至 5 秒的短剖析通常比长剖析更有用；用优化前后的剖析结果对比来验证效果。