benchmarkcommit 043feff · v1.0.0SKILL.md · 性能优化
Web 性能基准
在浏览器中读取 performance.getEntries() 实测页面指标,并与基线对比以发现 Web 性能回归。
可能通过 Aside 使用你已登录的真实浏览器访问目标网站,并通过 gstack 脚本记录遥测数据。
npx skills add garrytan/gstack --skill benchmark已选中命令,请手动复制。
- 权限
- read-repo
- write-files
- shell
- network
- 兼容工具
- Claude Code, Codex, Cursor, Copilot
- GitHub
- 138.5k
- 来源
- 社区 · Garry Tan
- 状态
- 扫描通过
- 许可证
- MIT
- 分类
- 性能优化
核心规则
用实测说话:使用真实的 performance.getEntries() 数据,而不是估算。
执行阶段
阶段 01准备与选页
创建 .gstack/benchmark-reports 目录;使用 --pages 指定的页面,或提议首页加最多 5 个导航页并请用户确认;--diff 只测当前分支影响的页面。
阶段 02采集性能数据
每个页面运行 5 次浏览器脚本,获取 TTFB、FCP、LCP、DOM 时间、完整加载、慢资源和 JS/CSS 体积,取中位数并记录范围。
阶段 03基线与对比
--baseline 模式保存 baseline.json;否则按阈值与基线比较,差值落在波动范围内则视为无变化。
阶段 04资源与预算
列出最慢的资源并为每项给出一种改进办法,再对 FCP、LCP、JS、CSS、传输量和请求数做预算检查并评级。
阶段 05趋势与报告
--trend 显示最近 5 次结果;把 Markdown 和 JSON 报告保存到 .gstack/benchmark-reports 下。
权限说明(据 SKILL.md 整理)
| 能力 | 是否需要 | 说明 |
|---|---|---|
| 文件写入 | 部分需要 | 只写入 .gstack/benchmark-reports 下的报告和基线;除非明确要求,否则不修改代码。 |
| 命令执行 | 需要 | 运行 gstack 脚本、git、gh,以及 aside repl 或内置无头浏览器命令来采集数据。 |
| 网络外发 | 部分需要 | 只访问用户指定的目标站点及其同源页面;--diff 模式会通过 gh 查询基础分支。 |
SKILL.md 头部信息(YAML)
---
name: benchmark
preamble-tier: 1
version: 1.0.0
description: Web performance regression detection. (gstack)
triggers:
- web performance benchmark
- check page speed
- detect page performance regression
allowed-tools:
- Bash
- Read
- Write
- Glob
- AskUserQuestion
---相关技能
规则扫描无法覆盖所有风险,安装前请阅读此技能的 SKILL.md,确认权限后再使用。