30 秒看懂
它能做什么,以及什么时候值得选
Web Design Guidelines 是 Vercel 的聚焦界面审查工作流。每次审查都会获取最新规范来源、读取用户指定的文件、应用相关无障碍与界面规则,并以精简的 file:line 问题清单返回,而不是静默修改实现。
按 Agent 安装
选择你的 Agent
路径来自 Agent 官方文档或 skills.sh 同源通用安装器。兼容状态仍以这个 Skill 的资料为准。
.claude/skills/web-design-guidelines/~/.claude/skills/web-design-guidelines/项目范围适合团队共享;个人范围适合跨项目复用。安装器默认项目范围,加 -g 可改为个人范围。
当前来源无法生成可靠命令,请打开标注来源并手动复制完整 Skill 目录。
典型工作流
从任务到结果的典型流程
审查无障碍
依据当前规范检查指定界面文件中的无障碍问题。
检查界面质量
标记相关的交互、排版、布局、内容与实现问题。
输出可执行问题
返回开发者可核实并修复的精简文件与行号定位。
优点与局限
优点与使用边界
显著优点
- 本页已依据当前上游 SKILL.md 的具体工作流进行人工整理。
- 能力边界与来源 vercel-labs 保持明确关联。
- 核心用途、局限与风险分开呈现,便于安装前判断。
潜在缺点与局限
- 它依赖网络和会随时间变化的实时规范文档。
- 它负责报告问题而非实现修复,部分结论仍需结合产品上下文判断。
适合人群
适合哪些人
审查界面改动的前端工程师
设计系统与质量团队
使用前须知
使用前需要检查的风险
规则漂移或脱离上下文的结论
实时规则集可能在两次审查间变化,机械应用也可能产生误报;应记录来源版本,并结合上下文评估每条结论。
上游指令变化
Skill 行为可能随仓库更新而变化;重要工作流应记录所用提交,并在更新后重新审查。
安全说明
如何理解它的权限
- 声明权限仍以当前上游 SKILL.md 和运行时请求为准。
- 仓库文件、网页内容与工具输出都应视为不可信输入。
- SkillSignal 未独立执行或安全审计该软件包;skills.sh 外部标签不构成 SkillSignal 认证。
这不是安全认证。 第三方评级仅作为标注来源的参考信息展示;SkillSignal 尚未独立执行或安全审查此 Skill。
软件包内容
已收录文件
标签
人工扩展资料,依据 vercel-labs 的当前上游 SKILL.md 与标注来源整理,核对日期 2026-08-20。本文为原创摘要,不代表已执行或安全认证。