返回技能库
设计与前端

web-design-guidelines

给界面做体检的设计规范清单

  • 设计规范
  • 审计
  • 无障碍
平台
Claude Code / Cursor / Codex 等
收费
开源免费
作者
Vercel Labs

安装

npx skills add vercel-labs/agent-skills/web-design-guidelines

详细介绍

Vercel 团队的界面规范技能:把间距、层级、表单、无障碍、交互状态等最佳实践写成上百条可执行规则,Agent 可以按清单逐条审计现有 UI,输出具体可改的问题列表。

核心特性

  • 上百条可执行的界面设计规则
  • 对现有页面逐条审计、给出问题清单
  • 覆盖无障碍(a11y)与响应式
  • 审计结果具体到元素,直接照着改

适用场景

  • 上线前的 UI 走查验收
  • AI 生成页面的系统性提升
  • 不想从零学无障碍规范的时候
适合谁

想把「好 UI 的直觉」变成可执行清单的团队。

相关分类