APM Dashboard Creator 技能:设计 Grafana 请求与延迟面板
EnglishClaude Code 安装步骤
- 从 GitHub 固定提交获取完整的 `plugins/performance/apm-dashboard-creator/skills/creating-apm-dashboards` 目录。
- 复制到目标项目的 `.claude/skills/`,确认 `.claude/skills/creating-apm-dashboards/SKILL.md`,再从项目根目录启动 Claude Code,输入 `/creating-apm-dashboards`。
中文摘要
用 Claude Code 选择应用性能指标并生成仪表板配置,统一时间窗口、单位和服务筛选,便于比较请求量、耗时和错误。
SKILL.md 中文导读
可复现示例
用本地合成数据建立 catalog 和 checkout 两条路由,分别给出每秒请求数、毫秒耗时和错误率。切换 route 筛选并查看三个面板。工作步骤
- 先列出用户需要回答的问题。将请求速率、p95 耗时与 5xx 比例分到可读面板。
- 给各面板使用同一服务过滤器。将标签和单位对照原始指标,验证切换路由后图表同步。
验收方法
三个面板随筛选更新,单位可读,能区分高流量与高耗时出现在不同路由。
GitHub 原文 · 更新日期
适用环境
准备自己的本地 Grafana、测试数据源和合成 API 指标。示例比较两条路由。
常见问题
可以把请求速率和毫秒延迟放同一个纵轴吗?
优先分开面板或清晰区分轴与单位,让用户能正确比较各自变化。
相关指南
相关推荐
groq-install-auth 技能
jeremylongshore/claude-code-plugins-plus-skills
anima-common-errors 技能
jeremylongshore/claude-code-plugins-plus-skills
apple-notes-hello-world 技能
jeremylongshore/claude-code-plugins-plus-skills
castai-hello-world 技能
jeremylongshore/claude-code-plugins-plus-skills
cohere-local-dev-loop 技能
jeremylongshore/claude-code-plugins-plus-skills
figma-security-basics 技能
jeremylongshore/claude-code-plugins-plus-skills