Web Perf
技能 活跃使用 Chrome DevTools MCP 分析网页性能。测量核心 Web 指标(LCP、INP、CLS)和补充指标(FCP、TBT、Speed Index),识别渲染阻塞资源、网络依赖链、布局偏移、缓存问题和可访问性差距。当需要审核、分析、调试或优化页面加载性能、Lighthouse 分数或网站速度时使用。倾向于从当前文档中检索信息,而不是依赖预训练知识。
通过利用 Chrome DevTools MCP 的功能,为优化 Web 页面性能提供深入的分析和可行的建议。
功能
- 测量核心 Web 指标(LCP、INP、CLS)
- 分析渲染阻塞资源和网络依赖链
- 识别布局偏移、缓存问题和可访问性差距
- 提供详细的性能跟踪分析
- 提供用于优化机会的代码库分析
使用场景
- 当被要求审核页面加载性能时。
- 当被要求调试网站加载缓慢时。
- 当被要求优化 Lighthouse 分数或网站速度时。
- 当需要分析 Web 应用程序性能时。
非目标
- 执行实际的代码重构或资源优化。
- 提供长时间的实时性能监控。
- 审核与前端渲染无关的后端服务器性能。
文档
- info:配置和参数参考虽然工作流程中记录了许多参数,但工作流程中的一些工具调用(例如 `performance_analyze_insight`)引用了可能变化的 insight 名称,并且并非所有参数的显式默认值都总是清晰的。
版本控制
- warning:版本管理SKILL.md 前端信息或 GitHub releases 中没有明确声明版本控制,并且安装说明引用了 'latest',导致难以固定特定版本。
代码执行
- info:错误处理SKILL.md 提到了跟踪失败的故障排除步骤,但没有明确记录工具调用的详细错误处理(例如,结构化的错误字段,如 'code'、'retryable'、'hint')。
错误
- info:可操作的错误消息SKILL.md 提供了跟踪失败的基本故障排除,但没有详细说明所有潜在工具调用失败的具体错误消息、根本原因或补救步骤。
实用性
- info:边缘情况SKILL.md 包含跟踪失败的故障排除部分,但没有明确列出其他潜在的失败模式(例如,无效 URL、速率限制)及其对应的恢复步骤。
安全
- info:在意外状态下停止SKILL.md 提供了跟踪失败的故障排除,但没有明确说明在继续之前停止并报告意外的初始状态(如脏工作树或无效的初始页面加载)的策略。
安装
请先添加 Marketplace
/plugin marketplace add cloudflare/skills/plugin install skills@cloudflare质量评分
类似扩展
Investigate Capa Root Cause
100Investigate root causes and manage CAPAs (Corrective and Preventive Actions) for compliance deviations. Covers investigation method selection (5-Why, fishbone, fault tree), structured root cause analysis, corrective vs preventive action design, effectiveness verification, and trend analysis. Use when an audit finding requires a CAPA, when a deviation or incident occurs in a validated system, when a regulatory observation needs a formal response, when a data integrity anomaly requires investigation, or when recurring issues suggest a systemic root cause.
Soul Guardian
100Drift detection + baseline integrity guard for agent workspace files with automatic alerting support
Audit Dependency Versions
100Audit project dependencies for version staleness, security vulnerabilities, and compatibility issues. Covers lock file analysis, upgrade path planning, and breaking change assessment. Use before a release to ensure dependencies are current and secure, during periodic maintenance reviews, after receiving a security advisory, when upgrading to a new language version, before submitting to CRAN or npm, or when inheriting a project to assess its dependency health.
Toprank Weekly Review
100Run a weekly SEO review for one registered website, write audit artifacts, and choose the next best safe action.
Janitor Tokens
100显示每个技能消耗的上下文窗口令牌数量。当用户询问有关令牌成本、上下文预算、技能大小,或希望了解哪些技能浪费了最多的上下文空间时使用。
Janitor Report
100一个完整的报告,用于检查所有技能的健康状况。当用户想要检查错误、查找重复项、检测损坏的技能或获取技能健康状况的完整概览时使用。