前端性能优化
name: frontend-performance-audit
by cnoder-wgh · published 2026-03-22
$ claw add gh:cnoder-wgh/cnoder-wgh-frontend-performance-audit---
name: frontend-performance-audit
description: 分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。
---
# 前端性能优化
当用户提供页面地址、构建配置或前端项目文件，并希望分析性能问题、输出优化建议时，使用本技能。
执行流程
1. 先识别已有输入：
- 页面 URL
- Lighthouse 指标
- Network 瀑布图
- Bundle 分析
- 技术栈信息
2. 读取 `references/metrics.md`，确定必须输出的性能指标。
3. 读取 `references/diagnosis-rules.md`，根据症状匹配原因和建议。
4. 按 `references/report-template.md` 输出正式报告。
规则
More tools from the same signal band
Order food/drinks (点餐) on an Android device paired as an OpenClaw node. Uses in-app menu and cart; add goods, view cart, submit order (demo, no real payment).
Sign plugins, rotate agent credentials without losing identity, and publicly attest to plugin behavior with verifiable claims and authenticated transfers.
The philosophical layer for AI agents. Maps behavior to Spinoza's 48 affects, calculates persistence scores, and generates geometric self-reports. Give your...