web-design-guidelines (Vercel)

项目概述

web-design-guidelines 是由 Vercel 官方维护的 AI 编程 Agent 设计准则技能。它将 Vercel 闻名全球的设计精髓（如极细亚像素微边框、流体排版缩放、纯净黑白单色调与极致的微交互反馈）浓缩为 Agent 必须遵循的硬性设计准则。

核心特性

• ▲ 纯正 Vercel 设计基因：完美体现 Vercel 标志性的极致克制、高冷科技感与无冗余现代美学。
• 📐 精密空间网格：严格把控段落最大阅读行宽、响应式断点与等比间距缩放。
• 🌓 精密的深色对比度：采用精心调优的中性灰阶梯度，确保在各种屏幕亮度下均具备一流可读性。
• ⚡️ 深度适配 Next.js 生态：与 Tailwind CSS v4 及 Next.js 现代化架构完美融合。

快速上手与示例代码

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

技术选型建议与适用场景

• 非常适合：希望网站具备类似 Vercel 官网般高冷、专业、极致工整现代科技质感的技术产品与平台。