Vercel 官方的界面规范审查技能:每次审查前从 GitHub 拉取最新的 Web Interface Guidelines,逐条对照你指定的文件,按 file:line 格式列出问题。
skills.sh 安装量 792813(+4577 / 24h)
安全审计:有风险提示
- 会发起网络请求或调用外部 API / 远程 MCP
- 审计范围:GitHub vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md(只扫描 SKILL.md 文本)
理由
- 规则覆盖无障碍、焦点状态、表单、动画、排版、图片、性能、导航与状态、触控、安全区、深色模式、多语言、水合安全、文案,另附一份要标出的反模式清单
- 输出统一为按文件分组的 file:line 简短结论,方便逐条改
- SKILL.md 本身只有十几行,规则都在远程文件里,规范更新后不用重装
- skills.sh 24 小时安装 4577,累计 792813(只代表关注度)
用法
- npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- 对代理说 “review my UI” 并带上文件或通配路径;没给文件时它会先问
- 需要客户端有 WebFetch 之类的联网读取工具
风险
- 审计提示的网络请求与用途相符:每次运行从 raw.githubusercontent.com 的 vercel-labs/web-interface-guidelines 拉取 command.md,而 SKILL.md 规定照用其中的规则和输出格式,等于把审查指令交给一个不固定版本的远程文件
- 只审查不修改;部分规则按 React / Tailwind 写法表述(如 <Link>、focus-visible:ring-*)