ClawHub

frontend-performance-audit

v1.0.0

分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。

⭐ 0· 249·1 current·1 all-time
by@cnoder-wgh

Install

OpenClaw Prompt Flow

Install with OpenClaw

Best for remote or guided setup. Copy the exact prompt, then paste it into OpenClaw for cnoder-wgh/frontend-performance-audit.

Previewing Install & Setup.
Prompt PreviewInstall & Setup
Install the skill "frontend-performance-audit" (cnoder-wgh/frontend-performance-audit) from ClawHub.
Skill page: https://clawhub.ai/cnoder-wgh/frontend-performance-audit
Keep the work scoped to this skill only.
After install, inspect the skill metadata and help me finish setup.
Use only the metadata you can verify from ClawHub; do not invent missing requirements.
Ask before making any broader environment changes.

Command Line

CLI Commands

Use the direct CLI path if you want to install manually and keep every step visible.

OpenClaw CLI

Bare skill slug

openclaw skills install frontend-performance-audit

ClawHub CLI

Package manager switcher

npx clawhub@latest install frontend-performance-audit
Security Scan
VirusTotalVirusTotal
Benign
View report →
OpenClawOpenClaw
Benign
high confidence
✓
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.
Assessment
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.

Like a lobster shell, security has layers — review code before you run it.

latestvk972764pvd03p9hawghn33jex9834zvn
249downloads
0stars
1versions
Updated 1mo ago
v1.0.0
MIT-0
@cnoder-wgh
latest
Download

前端性能优化

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

执行流程

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

规则

  • 有核心 Web 指标时，优先输出核心 Web 指标。
  • 明确区分“已观测证据”和“推断结论”。
  • 优先给出高收益、低改动成本的建议。
  • 不要轻易建议重构，除非轻量优化不足以解决问题。
  • 数据不完整时，要明确说明缺失项和结论置信度。

Comments

Loading comments...