frontend-performance-audit
by cnoder-wgh
分析前端页面性能并输出结构化优化报告。适用于页面速度慢、lighthouse 指标差、core web vitals 不达标、首屏慢、交互卡顿、bundle 过大、阻塞渲染资源过多等场景。
安装
claude skill add --url github.com/openclaw/skills/tree/main/skills/cnoder-wgh/frontend-performance-audit文档
前端性能优化
当用户提供页面地址、构建配置或前端项目文件，并希望分析性能问题、输出优化建议时，使用本技能。
执行流程
- 先识别已有输入：
- 页面 URL
- Lighthouse 指标
- Network 瀑布图
- Bundle 分析
- 技术栈信息
- 读取
references/metrics.md，确定必须输出的性能指标。 - 读取
references/diagnosis-rules.md，根据症状匹配原因和建议。 - 按
references/report-template.md输出正式报告。
规则
- 有核心 Web 指标时，优先输出核心 Web 指标。
- 明确区分“已观测证据”和“推断结论”。
- 优先给出高收益、低改动成本的建议。
- 不要轻易建议重构，除非轻量优化不足以解决问题。
- 数据不完整时，要明确说明缺失项和结论置信度。
相关 Skills
安全专家
by alirezarezvani
覆盖威胁建模、漏洞评估、安全架构设计、代码审计与渗透测试，内置 STRIDE、OWASP、加密模式和安全扫描流程，适合系统设计评审与上线前安全排查。
✎ 安全专家把威胁建模、漏洞分析到渗透测试串成一套流程，内置 STRIDE 与 OWASP 指南，做安全设计和排查更省心。
安全运营
by alirezarezvani
覆盖应用安全、漏洞管理与合规审计，支持代码/依赖扫描、CVE 评估、Secrets 检测和安全自动化，适合做安全基线落地、漏洞响应、审计检查与安全开发治理。
✎ 应用安全、漏洞管理和合规检查一套打通，还能自动化扫描与响应，帮团队更早发现并收敛风险。
安全审计
by alirezarezvani
安装前审计 Claude Code Skill 的代码执行、Prompt 注入和依赖供应链风险，支持本地目录或 Git 仓库扫描，输出 PASS/WARN/FAIL 结论及修复建议
✎ 把代码审查、漏洞扫描和合规检查串成一条线，帮团队更早发现风险，做安全治理更省心。
相关 MCP 服务
by Sentry
搜索和分析 Sentry 错误报告，辅助调试。
✎ 把零散的 Sentry 错误报告变成可检索线索，帮你在海量报错里更快定位线上故障，排障调试明显省时。
by sinewaveai
为 AI agents 提供安全层：拦截 prompt injection、识别伪造 packages，并扫描漏洞风险。
✎ 给 AI Agent 补上关键安全层，能拦截 prompt 注入、识别伪造包并扫描漏洞风险，把防护前置更省心。
by pantheon-security
强化安全性的 NotebookLM MCP，集成 post-quantum encryption，提升数据防护能力。