网页能看不好用?让这个Skill查查

检查网页代码是否符合无障碍和界面设计最佳实践。

web-design-guidelines 是检查网页界面代码的 Skill。它让 AI 按 Vercel 的 Web Interface Guidelines 审查指定文件,并把发现的问题定位到文件和行号。

你可以把刚完成的页面或组件交给它,让它检查界面实现是否符合这些规范。它每次审查前都要获取最新的规则,再读代码逐项核对。

输出是可以回到代码里查找的问题清单,适合接着修改,而不是只有一句“整体不错,建议优化体验”。如果没指定文件,它会先询问检查范围。

它主要做现有界面的审查。想让 AI 从头设计页面,需要先给出设计任务;页面有了以后,再用它做一轮规范检查。

每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!

分类:设计创作

来源仓库:vercel-labs/agent-skills

适合用来做什么

  • 检查这个网页的 UI 代码是否符合可访问性标准
  • 分析这个界面的设计是否符合用户体验指南

安装 web-design-guidelines

npx skills add https://www.iskills.cc/skills/vercel-labs/agent-skills/web-design-guidelines/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 web-design-guidelines 的用途与原始说明

浏览全部 Skill 指南