web-design-guidelines

安装量 43.3万

分类：图像与视觉设计

「web-design-guidelines」的原始 GitHub SKILL.md 将它定位为：Review UI code for Web Interface Guidelines compliance.。它的核心价值是约束界面层级、组件状态、可访问性和视觉验收细节；把测试策略、回归路径和发布前验证步骤前置到 Agent 工作流。文档重点章节包括「How It Works」「Guidelines Source」「Usage」。

设计与 UIvercel-labs/agent-skills官方

一句话价值

用于审查 UI 代码是否符合 Web Interface Guidelines，覆盖间距、字体、交互与无障碍要求。

适合场景

做界面实现、组件重构、视觉验收或设计系统一致性检查
处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
建立测试闭环、回归验证、安全检查和发布前质量门

亮点

适合做界面验收、规范对照和代码审阅。
可用于发现排版、交互和可访问性偏差。
重点是审查与对齐，不是从零生成完整设计稿。

安装指引

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines