Web界面规范检查工具 - 自动验证代码是否符合最新Web设计指南
web-design-guidelines by davila7/claude-code-templates
安装命令
npx skills add https://github.com/davila7/claude-code-templates --skill web-design-guidelines🇨🇳中文介绍
Web 界面规范指南
检查文件是否符合 Web 界面规范指南。
工作原理
- 从下方源 URL 获取最新的规范指南
- 读取指定的文件（或提示用户输入文件/模式）
- 根据获取的规范指南中的所有规则进行检查
- 以简洁的
文件:行号格式输出检查结果
规范来源
在每次审查前获取最新的规范指南：
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 获取最新的规则。获取的内容包含所有规则和输出格式说明。
使用方法
当用户提供文件或模式参数时：
- 从上述源 URL 获取规范指南
- 读取指定的文件
- 应用获取的规范指南中的所有规则
- 使用规范指南中指定的格式输出检查结果
如果未指定文件，则询问用户要审查哪些文件。
每周安装量
356
代码仓库
GitHub 星标数
23.4K
首次出现
2026年1月25日
安全审计
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
