web-design-guidelines · Vercel Labs
Web 设计规范 Skill
从可访问性、用户体验、内容和性能方面审查界面代码。
Skill 原始技术说明
技术模板保留英文，便于直接用于兼容的编程 Agent；页面说明、选型建议和检查步骤均已中文本地化。
安装方式
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Agent Skills CLI
适合场景
- Pre-launch UI audits
- Reviewing forms and interactive controls
- Finding generated-interface anti-patterns
这个 Skill 能做什么
- Reviews interface code against a current source of web design rules.
- Surfaces accessibility, focus, form, motion, content, and responsive issues.
- Returns terse, file-oriented findings that are easy to turn into fixes.
推荐工作流程
- Fetch the current guideline source maintained by Vercel.
- Read the requested files or patterns and compare them with every relevant rule.
- Report concrete findings with file locations and a clear correction path.
使用前需要检查
- The skill fetches remote guidance, so review network permissions before running it.
- Verify each finding in the rendered interface; not every rule fits every product.
- Run keyboard and screen-reader checks in addition to a code-only audit.