开发与代码精选推荐
web design guidelines
功能描述与核心用途
提供网页界面设计指导，依据Vercel实验室的Web Interface Guidelines标准，帮助开发者遵循最佳实践进行UI/UX设计。该技能能解析设计规范文件，针对具体代码行号（file:line）提供精准的设计原则建议，确保网页元素在布局、交互和视觉上符合现代设计标准。
运行宿主与模型建议
- 运行宿主：Claude Code / Codex CLI / OpenClaw / Cursor 等命令行 AI Agent
- 推荐模型：代码专精、长上下文的模型
- 安装后重启 / 刷新 Agent 即可识别，用自然语言调用，无需额外中转服务。
安装与使用教程 按对应通道操作，命令可直接复制
- 第一步 · 准备环境：安装 Node.js 18 及以上版本，终端执行
node -v能显示版本号即正常。 skills.sh 通過 npx 分發，無需手動克隆倉庫。 - 第二步 · （可选）先搜索确认：
npx skills find web-design-guidelines - 第三步 · 执行安装：在项目目录执行下面命令，按提示确认即可写入当前项目（全局安装可加
-g参数）：npx skills add web-design-guidelines - 第四步 · 加载调用：重启或刷新 Agent 让它识别新 Skill，之后直接用自然语言描述需求即可自动调用。
- 第五步 · 卸载：执行
npx skills remove web-design-guidelines即可移除。
发给 AI 的安装提示词
请帮我安装并启用开源 Skill「web design guidelines」（开源仓库 vercel-labs/agent-skills），它的作用是：提供网页界面设计指导，依据Vercel实验室的Web Interface Guidelines标准，帮助开发者遵循最佳实践进行UI/UX设计。该技能能解析设计规范文件，针对具体代码行号（file:line）提供精准的设计原则建议，确保网页元素在布局、交互和视觉上符合现代设计标准。请先检查 Node.js 18+ 环境（node -v）；然后执行 npx skills add web-design-guidelines （必要时先 npx skills find web-design-guidelines) 完成安装；若目录里有依赖文件请一并安装；之后重载技能列表确认已被识别，并用一个最简单示例演示如何用自然语言调用它；如果报错请自动排查修复，最后告诉我使用方法。调用示例（自然语言）
> 分析当前项目结构，并帮我完成对应的代码任务
关联标签
同区域相关 Skill