web-design-guidelines(Vercel)

Vercel 官方的界面规范审查技能:每次审查前从 GitHub 拉取最新的 Web Interface Guidelines,逐条对照你指定的文件,按 file:line 格式列出问题。

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-*)

打开 · 仓库

Best Skills 每日数据(LinklyAI / @BlueeonY,CC BY 4.0)

浏览最新 AI 动态