← 返回 Skills 市场
cnoder-wgh

frontend-performance-audit

作者 cnoder-wgh · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ✓ 安全检测通过
254
总下载
0
收藏
1
当前安装
1
版本数
在 OpenClaw 中安装
/install frontend-performance-audit
功能描述
分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。
使用说明 (SKILL.md)

前端性能优化

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

执行流程

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

规则

  • 有核心 Web 指标时,优先输出核心 Web 指标。
  • 明确区分“已观测证据”和“推断结论”。
  • 优先给出高收益、低改动成本的建议。
  • 不要轻易建议重构,除非轻量优化不足以解决问题。
  • 数据不完整时,要明确说明缺失项和结论置信度。
安全使用建议
This skill is an offline, instruction-only audit template: it reads the included references and formats an audit from data you provide (URL, Lighthouse report, screenshots, build artifacts). It does not request credentials or install software. Before using it: (1) avoid uploading sensitive secrets or private keys inside project files you provide to the agent, (2) if you expect automated measurement (running Lighthouse, fetching the site) ensure you trust the agent's network access and supply any necessary measurement artifacts yourself, and (3) verify any suggested code changes before applying them. Based on the provided files, there are no incoherent or unexpected requirements.
功能分析
Type: OpenClaw Skill Name: frontend-performance-audit Version: 1.0.0 The skill bundle is a legitimate tool for conducting frontend performance audits. It provides structured instructions (SKILL.md), diagnostic rules (diagnosis-rules.md), and performance thresholds (metrics.md) to help an AI agent analyze web vitals like LCP, INP, and CLS. There is no evidence of malicious code, data exfiltration, or prompt injection attacks; the logic is entirely focused on generating performance optimization reports based on user-provided data.
能力评估
Purpose & Capability
Name and description (frontend performance audit) match the provided files: metric definitions, diagnosis rules, and a report template. The skill does not request unrelated binaries, credentials, or config paths.
Instruction Scope
SKILL.md restricts actions to reading the included reference files and the user's supplied inputs (URL, Lighthouse report, network waterfall, build artifacts, etc.) and producing a structured report. It does not instruct the agent to read system files, contact hidden endpoints, or exfiltrate data. Note: the skill expects the agent or user to supply measurement data (it does not contain instructions to run Lighthouse or fetch a site), so actual data-gathering behavior depends on how the agent is used.
Install Mechanism
No install spec and no code files — instruction-only. Nothing is written to disk or downloaded during install.
Credentials
No environment variables, credentials, or config paths are requested. The skill does not ask for unrelated secrets or access.
Persistence & Privilege
always is false and the skill does not request persistent presence or modify other skills or agent-wide settings.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install frontend-performance-audit
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /frontend-performance-audit 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.0
frontend-performance-audit
元数据
Slug frontend-performance-audit
版本 1.0.0
许可证 MIT-0
累计安装 1
当前安装数 1
历史版本数 1
常见问题

frontend-performance-audit 是什么?

分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 254 次。

如何安装 frontend-performance-audit?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install frontend-performance-audit」即可一键安装,无需额外配置。

frontend-performance-audit 是免费的吗?

是的,frontend-performance-audit 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。

frontend-performance-audit 支持哪些平台?

frontend-performance-audit 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 frontend-performance-audit?

由 cnoder-wgh(@cnoder-wgh)开发并维护,当前版本 v1.0.0。

💬 留言讨论