← Back to Skills Marketplace
frontend-performance-audit
by
cnoder-wgh
· GitHub ↗
· v1.0.0
· MIT-0
254
Downloads
0
Stars
1
Active Installs
1
Versions
Install in OpenClaw
/install frontend-performance-audit
Description
分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。
README (SKILL.md)
前端性能优化
当用户提供页面地址、构建配置或前端项目文件,并希望分析性能问题、输出优化建议时,使用本技能。
执行流程
- 先识别已有输入:
- 页面 URL
- Lighthouse 指标
- Network 瀑布图
- Bundle 分析
- 技术栈信息
- 读取
references/metrics.md,确定必须输出的性能指标。 - 读取
references/diagnosis-rules.md,根据症状匹配原因和建议。 - 按
references/report-template.md输出正式报告。
规则
- 有核心 Web 指标时,优先输出核心 Web 指标。
- 明确区分“已观测证据”和“推断结论”。
- 优先给出高收益、低改动成本的建议。
- 不要轻易建议重构,除非轻量优化不足以解决问题。
- 数据不完整时,要明确说明缺失项和结论置信度。
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install frontend-performance-audit - After installation, invoke the skill by name or use
/frontend-performance-audit - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
frontend-performance-audit
Metadata
Frequently Asked Questions
What is frontend-performance-audit?
分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。 It is an AI Agent Skill for Claude Code / OpenClaw, with 254 downloads so far.
How do I install frontend-performance-audit?
Run "/install frontend-performance-audit" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is frontend-performance-audit free?
Yes, frontend-performance-audit is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does frontend-performance-audit support?
frontend-performance-audit is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created frontend-performance-audit?
It is built and maintained by cnoder-wgh (@cnoder-wgh); the current version is v1.0.0.
More Skills