Skill 广场
网页综合质量审计 Skill

网页综合质量审计.Skill

@addyosmani/web-quality-audit

4.8优秀AI 评分基础检查通过源自 GitHub

输入网页链接或前端源码,检测性能、无障碍、SEO与AI浏览适配度,输出带修复方案的分级审计报告。

编程前端开发工程师网站站长与独立开发者SEO与数字营销人员2026-09-29 更新main

网页综合质量审计

用于对上线网站或本地页面进行全方位质量检测。用户提供页面网址或前端源码,Skill 会通过浏览器实时运行数据与代码分析,深度排查核心性能指标(LCP、INP、CLS)、无障碍访问障碍、SEO基础配置、代码安全规范以及新兴的 AI 代理浏览交互友好度。最终生成包含严重等级排序、根本原因分析、明确代码修复建议以及复测验证流程的完整审计报告。无需深度掌握 Lighthouse 底层,即可开展专业诊断。

常见场景

它能帮你做什么?

01

版本上线前质量体检:在前端项目发版前排查页面核心性能指标、控制台报错及资源加载瓶颈,规避线上体验劣化。

02

网站无障碍与SEO整改:系统梳理网页语义结构、对比度及元标签缺失问题,提升搜索排名潜力并满足合规标准。

03

面向 AI Agent 的交互适配:评估可访问树及交互控件暴露状态,确保 AI 浏览助手能够准确解析页面并完成自动化操作。

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“对我们的电商首页 https://example.com/shop 进行全维度质量审计,重点排查性能瓶颈。”

“检查这个仪表盘页面的可访问性(a11y)与交互响应延迟,并给出具体的代码修改方案。”

“针对我们博客页面的 Core Web Vitals 进行实测分析,找出导致 LCP 超标的关键资源。”

适用人群

适合谁?

前端开发工程师网站站长与独立开发者SEO与数字营销人员全栈工程师

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes Agent可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度