vercel-design
Vercel 设计指南是一项为构建高质量 Web 应用而整理的最佳实践技能,涵盖现代 UI/UX 原则、性能优化和无障碍标准。内容涉及 UI 指南(导航锚点、用户生成内容弹性、无障碍命名、语义化元素、标题层级、跳转链接、不换行空格使用)、国际化(区域感知的日期时间数字货币格式化、基于 Accept-Language 与 navigator.languages 的语言检测)、表单规范(键盘交互、标签关联、提交策略、验证反馈、自动完成属性、输入类型与 inputmode、密码管理器兼容)、性能优化(测量方法、布局与渲染、大型列表虚拟化、图像与媒体加载、字体预加载与子集化、Web Workers)、视觉设计(分层阴影、边框与圆角、色调一致性、对比度)、浏览器集成、排版、渐变处理,以及文案写作(语气语调、占位符、错误消息、清晰度)等方面。该技能以参考手册形式提供具体代码示例和规则说明,适用于在 Web 应用开发中进行界面与体验设计时查阅。