源自 GitHub网站性能与核心体验指标诊断
该能力专为前端工程与网站优化设计，结合 Chrome DevTools 追踪及网络分析工具，对目标站点的加载耗时、交互卡顿与布局抖动进行全面体检。它能够深度提取 Core Web Vitals（如 LCP、CLS、INP、TTFB 等）关键数据，排查阻塞渲染的脚本与样式表、关键请求依赖链和未优化的静态资源，并在具备源码访问权限时深入打包配置与构建产物，定位冗余 Polyfill 与打包死代码，最终提供量化收益的具体改进方案。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“对 https://example.com 运行一次冷启动性能追踪，重点分析 LCP 构成和 CLS 偏移根因”
“检查当前页面的网络请求瀑布流，列出所有阻塞渲染的资源并估算异步改造后的收益”
“审查我仓库里的 vite.config.ts 和 package.json，排查未生效的 Tree-Shaking 与冗余 polyfill”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
