全部技能 分类浏览
← 返回
未分类

frontend-performance-audit

分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。
分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。
cnoder-wgh
未分类 clawhub v1.0.0 1 版本 100000 Key: 无需
★ 0
Stars
📥 535
下载
💾 5
安装
1
版本
#latest

概述

前端性能优化

当用户提供页面地址、构建配置或前端项目文件，并希望分析性能问题、输出优化建议时，使用本技能。

执行流程

  1. 先识别已有输入：
    • 页面 URL
    • Lighthouse 指标
    • Network 瀑布图
    • Bundle 分析
    • 技术栈信息
  2. 读取 references/metrics.md，确定必须输出的性能指标。
  3. 读取 references/diagnosis-rules.md，根据症状匹配原因和建议。
  4. 按 references/report-template.md 输出正式报告。

规则

  • 有核心 Web 指标时，优先输出核心 Web 指标。
  • 明确区分“已观测证据”和“推断结论”。
  • 优先给出高收益、低改动成本的建议。
  • 不要轻易建议重构，除非轻量优化不足以解决问题。
  • 数据不完整时，要明确说明缺失项和结论置信度。

版本历史

共 1 个版本

  • v1.0.0 当前
    2026-03-30 08:56 安全 安全

安全检测

腾讯云安全 (Keen)

安全，无风险
查看报告

腾讯云安全 (Sanbu)

安全，无风险
查看报告

🔗 相关推荐

Save All Resource

cnoder-wgh
打开可见浏览器手动浏览目标网站，实时监听并保存同域原始响应到本地桌面目录。
★ 0 📥 709

ThinkPHP UI Restoration

cnoder-wgh
Generate and restore ThinkPHP UI components using this project's existing conventions. Use when the user asks to create
★ 0 📥 370
developer-tools

Document Diff

cnoder-wgh
比较两个文档或文件并生成结构化的差异报告。适用场景：用户要求比较文件、查找文档差异、生成差异报告等。
★ 0 📥 707

Skill工具集 © 2026