关于 web-design-guidelines
web-design-guidelines 用于检查文件是否符合最新的 Web Interface Guidelines。它会在每次审查前获取规则,并以简洁的文件和行号格式列出发现。
主要功能
- 01获取最新的审查指南
- 02读取指定文件或匹配模式
- 03依据获取的规则检查文件
- 04按文件和行号报告问题
适用场景
- 01检查指定文件中的界面规范问题
- 02审查匹配某个模式的一组文件
- 03在提交审查结果前定位规则违规
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ vercel-labs/ sandcastle --skill web-design-guidelines安装后在 Claude Code 中输入/web-design-guidelines确认已加载。
详细介绍
Web 界面指南
检查文件是否符合 Web 界面指南。
工作原理
- 从下方的源 URL 获取最新指南
- 读取指定文件(或提示用户提供文件或模式)
- 根据获取的指南检查所有规则
- 以简洁的
file:line格式输出检查结果
指南来源
每次检查前都获取最新指南:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 获取最新规则。获取的内容包含所有规则和输出格式说明。
用法
用户提供文件或模式参数时:
- 从上方的源 URL 获取指南
- 读取指定文件
- 应用获取的指南中的所有规则
- 使用指南中指定的格式输出检查结果
如果未指定文件,请询问用户要检查哪些文件。
评论
支持 Markdown