Claude的技能是在交付、发布和翻新前检查网站代码。
概览
Claude的技能是在交付、发布和翻新前检查网站代码。 检查本地上线的网站，创建四部分报告，确认问题是否可修复，然后进行修复。无论是新建、翻新项目还是现有网站，流程相同。 在表格检查期间，所有提交都会在浏览器中停止，因此实际工作过程中不会收到任何查询。 通过的项目🟢仅按项目数量显示。用于视觉确认的截图、打印的PDF、无障碍树和灯塔结果均保存在。网站检查/。 Playwright或Lighthouse的安装不要求手动。第一次运行时，系统会询问是否允许安装，如果批准，会自动安装。 - npm 包：在脚本/技能文件夹内- 浏览器（Chromium，完整版 WebKit 和 Firefox）:P laywright 的默认位置 项目中不会新增任何内容。Node.js需18个或以上。 在你想查看的网站目录中，启动Claude代码并输入以下内容：
概述（AI 翻译）
Claude的技能是在交付、发布和翻新前检查网站代码。
检查本地上线的网站，创建四部分报告，确认问题是否可修复，然后进行修复。无论是新建、翻新项目还是现有网站，流程相同。
你能做什么
你可以从三个档案等级中选择。
| 个人资料 | 预计时间 | 内容 |
|---|---|---|
| 快速 | 几分钟 | HTML语法错误（忘记关闭标签）、meta、OGP、favicon、canonical、hreflang、noindex、虚拟文本、剩余本地主机、图片格式、实际尺寸、权重、alt、头部结构、断链、表单标签、朗读时不自然的描述（全宽空格、全大写英文单词、半宽假名）、控制台错误 |
| 标准 | 5–20分钟 | 除了快速，环境、.git等的曝光、320–1440px的水平滚动、固定标题隐藏、字体大小、100vh、点触区域、暗黑模式下部分无法阅读、浏览器字符大小在200%字体大小崩溃、加载画面在JS冻结时仍存，文本保持透明，表单提交双重，结构化数据，阅读装饰符号和英文句子，Lighthouse |
| 完整 | 10–40分钟 | 除了标准外，功能还包括忘记悬停表达式、Tab 键操作和焦点可视化、打印、在慢速连接和外部服务失败时显示、优先减少动作、强制暗屏、仅出现在 Safari（WebKit）和 Firefox 中的漏洞、iPhone 和 Android 上的显示、源映射、压缩、缓存、npm 审计 |
在表格检查期间，所有提交都会在浏览器中停止，因此实际工作过程中不会收到任何查询。
报告分类
| 类别 | 含义 |
|---|---|
| 🔴 需要修订 | 无论如何都应该修正什么 |
| 🟠 需判断 | 根据项目规格和设计意图变化的项目 |
| 🟡 视觉检查 | 基于截图及类似材料的判断 |
| ⚪ 手动验证 | 超出技能水平的任务，如检查实际设备、接收电子邮件以及验证生产网址 |
通过的项目🟢以案件数量显示。用于视觉确认的截图、打印PDF、无障碍树和灯塔结果保存在.web-site-check/。
安装
只需把这个仓库放进Claude Code的技能目录。
无需手动安装Playwright或Lighthouse。
本页由 AI 翻译，技术细节请以原文为准。
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add inarodev/web-site-check