frontend-performance-audit

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

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "frontend-performance-audit" with this command: npx skills add cnoder-wgh/frontend-performance-audit

前端性能优化

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

执行流程

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

规则

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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Huo15 Openclaw Enhance

火一五·克劳德·龙虾增强插件 v5.7.8 — 全面适配 openclaw 2026.4.24:peerDep ^4.24 + build/compat 同步到 4.24 + 14 处 api.on 全部去掉 as any 改成 typed hook(hookName 联合类型 + handler 自动推断 Pl...

Registry SourceRecently Updated
General

Content Trend Analyzer

Aggregates and analyzes content trends across platforms to identify hot topics, user intent, content gaps, and generates data-driven article outlines.

Registry SourceRecently Updated
General

Prompt Debugger

Debug prompts that produce unexpected AI outputs — diagnose failure modes, identify ambiguity and conflicting instructions, test variations, compare model re...

Registry SourceRecently Updated
General

Indie Maker News

独行者 Daily - 变现雷达。读对一条新闻,少走一年弯路。每天5分钟,给创业者装上商业雷达。聚焦一人公司、副业、创业变现资讯,智能分类,行动导向。用户下载即能用,无需本地部署!

Registry SourceRecently Updated