web-design-guidelines
web-design-guidelines 将 Vercel 设计标准（间距、字体、无障碍、性能）编码为 Agent 工作流。
Apply Vercel web design guidelines for accessible, performant interfaces.
spec ✓
全局可用
这个技能能做什么
→UI 审查
→设计一致性检查
→无障碍改进
你可以这样说
复制以下提示语到 Agent 对话中，触发此技能。
帮我UI 审查帮我设计一致性检查帮我无障碍改进相关主题
兼容平台
Cursor Claude Code GitHub Copilot
安装
CLI 安装
npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines手动安装
~/.cursor/skills/web-design-guidelines/~/.claude/skills/web-design-guidelines/~/.copilot/skills/web-design-guidelines/资源文件
skill-name/
├── SKILL.md
Source
https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines相关技能
frontend-design
Featured
frontend-design 生成有设计感、非模板化的 UI。使用 npx skills add vercel-labs/agent-skills --skill frontend-design 安装。
能帮你
- →构建 Web UI
- →落地页
frontenddesignui
创意 Cursor Claude Code +2
Q96
spec ✓
全局可用
canvas
canvas 技能生成独立 React Canvas 应用，用于分析、审计、时间线与交互探索。
能帮你
- →数据密集型分析
- →交互式报告
visualizationreactanalysis
创意 Cursor
Q89
spec ✓
全局可用