关于 web-design-guidelines
web-design-guidelines 是供开发者检查文件是否符合 Web Interface Guidelines 的审查技能。它会获取最新规则,并按文件和行号列出问题。
主要功能
- 01获取最新指南规则
- 02审查指定文件
- 03按文件和行号报告问题
适用场景
- 01检查网页界面文件是否符合指南
- 02审查指定的文件匹配模式
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ vercel/ examples --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