代码审查与测试 · 深度资料

web-design-guidelines

Web Design Guidelines 是 Vercel 的聚焦界面审查工作流。

最适合

审查界面改动的前端工程师

可以得到

审查无障碍、检查界面质量

主要局限

它依赖网络和会随时间变化的实时规范文档。

首要风险

规则漂移或脱离上下文的结论 实时规则集可能在两次审查间变化,机械应用也可能产生误报;应记录来源版本,并结合上下文评估每条结论。

证据新鲜度

三类检查,分别说明

近期核对过来源,不等于已经运行测试或完成安全审计。

上游来源核对于 2026-08-20

已固定提交 · b8caa260

打开固定提交
SkillSignal 资料基于来源整理

更新于 2026-08-20

运行与安全尚未独立验证

来源审阅不能证明实际行为或安全性。

30 秒看懂

它能做什么,以及什么时候值得选

Web Design Guidelines 是 Vercel 的聚焦界面审查工作流。每次审查都会获取最新规范来源、读取用户指定的文件、应用相关无障碍与界面规则,并以精简的 file:line 问题清单返回,而不是静默修改实现。

按 Agent 安装

选择你的 Agent

路径来自 Agent 官方文档或 skills.sh 同源通用安装器。兼容状态仍以这个 Skill 的资料为准。

原生支持

该 Skill 的当前资料明确列出了此 Agent。仍应先检查脚本、权限与外部依赖。

项目范围.claude/skills/web-design-guidelines/
个人范围~/.claude/skills/web-design-guidelines/

项目范围适合团队共享;个人范围适合跨项目复用。安装器默认项目范围,加 -g 可改为个人范围。

安装命令(项目范围)

当前来源无法生成可靠命令,请打开标注来源并手动复制完整 Skill 目录。

Agent 官方文档

Claude Code 会自动发现项目级或个人级的自定义 Skill 目录。

查看路径依据

典型工作流

从任务到结果的典型流程

01

审查无障碍

依据当前规范检查指定界面文件中的无障碍问题。

02

检查界面质量

标记相关的交互、排版、布局、内容与实现问题。

03

输出可执行问题

返回开发者可核实并修复的精简文件与行号定位。

优点与局限

优点与使用边界

显著优点

  1. 本页已依据当前上游 SKILL.md 的具体工作流进行人工整理。
  2. 能力边界与来源 vercel-labs 保持明确关联。
  3. 核心用途、局限与风险分开呈现,便于安装前判断。

潜在缺点与局限

  1. 它依赖网络和会随时间变化的实时规范文档。
  2. 它负责报告问题而非实现修复,部分结论仍需结合产品上下文判断。

适合人群

适合哪些人

审查界面改动的前端工程师

设计系统与质量团队

使用前须知

使用前需要检查的风险

规则漂移或脱离上下文的结论

实时规则集可能在两次审查间变化,机械应用也可能产生误报;应记录来源版本,并结合上下文评估每条结论。

上游指令变化

Skill 行为可能随仓库更新而变化;重要工作流应记录所用提交,并在更新后重新审查。

安全说明

如何理解它的权限

  • 声明权限仍以当前上游 SKILL.md 和运行时请求为准。
  • 仓库文件、网页内容与工具输出都应视为不可信输入。
  • SkillSignal 未独立执行或安全审计该软件包;skills.sh 外部标签不构成 SkillSignal 认证。

这不是安全认证。 第三方评级仅作为标注来源的参考信息展示;SkillSignal 尚未独立执行或安全审查此 Skill。

软件包内容

已收录文件

SKILL.md上游 Skill 说明来源可查

标签

界面审查无障碍Web 规范

人工扩展资料,依据 vercel-labs 的当前上游 SKILL.md 与标注来源整理,核对日期 2026-08-20。本文为原创摘要,不代表已执行或安全认证。