关于 web-design-guidelines
Web Interface Guidelines 是一个用于审查文件是否符合 Web 界面指南的 Agent Skill。它在每次审查前从远程源获取最新规则,并以 file:line 格式输出结果,适合需要统一界面质量检查的团队。
主要功能
- 01审查前获取远程源中的最新规则
- 02按指定文件或匹配模式进行检查
- 03以 file:line 格式输出检查结果
- 04未指定文件时询问用户需要审查的范围
适用场景
- 01检查页面或组件是否符合界面指南
- 02在代码评审中快速定位界面问题
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ vercel-labs/ agent-skills --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