用途：为 AI 智能体提供一套编写 Vercel 风格界面的约束规则，适用于构建浅色模式界面、打造 Vercel 风格设计系统，以及使用 Inter 字体与 4px 网格实现 UI。
主要能力： 颜色方面，主表面宜用浅色背景，surface-base 为 #F9F9F9，accent 为 #000001，文字对比度至少 4.5:1。语义令牌包括 surface-base、surface-raised、surface-overlay、text-primary、text-secondary、text-tertiary、border-default、accent。 字体方面，必须使用 Inter，主标题 44px/extra_bold，正文 29px/700，标题用 text-balance、正文用 text-pretty，数字宜用 tabular-nums，除明确要求外不得修改字距。 间距必须使用 4px 网格，默认元素间距 5px，禁止任意间距值。圆角取自 5px、6px、7px、22px、23px，默认 23px，胶囊元素用 22px 以上，禁止任意圆角值，边框宽度限 1px 或 3px。 布局以 1920px 为基础视口，全屏高度用 h-dvh 而非 h-screen，固定元素要兼顾 safe-area-inset，方形元素用 size-*。 交互上，焦点必须有 2px accent 色 outline 且 offset 为 2px，不得移除；禁用态用 opacity:0.5 与 cursor:not-allowed；破坏性操作使用 AlertDialog；加载用结构骨架；错误就近展示；禁止阻止粘贴；仅图标按钮需加 aria-label。 动画必须仅在明确要求时添加，只动画 transform 与 opacity，入场用 ease-out，交互反馈不超过 200ms，并遵循 prefers-reduced-motion。性能上不动画大范围 blur 或 backdrop-filter，不在动画外使用 will-change，不用 useEffect 表达可用渲染逻辑完成的内容。
使用方式：在设计或编码时引用本规范约束 AI 生成结果。资料提到该技能可与 awesome-design-md 中对应的 DESIGN.md 配合使用，DESIGN.md 提供视觉氛围与额外颜色令牌，本 SKILL.md 提供强制规则，漂移扫描器会动态读取两者提取令牌，不硬编码取值。
适用场景：Vercel 风格浅色界面、设计系统搭建、需统一字体与网格规范的 UI 开发。
限制：资料未提供安装方法、依赖环境、价格与平台支持等细节；具体项目中的字体大小、颜色与间距需以实际设计令牌为准，本规范主要适用于浅色模式场景。