Skill123
发布 Skill EN

web-design-guidelines

@vercel-labs/web-design-guidelines

4.7 优秀
安全 来自 Skill123

web-design-guidelines 将 Vercel 设计标准（间距、字体、无障碍、性能）编码为 Agent 工作流。

创意 designaccessibilityguidelines

最后验证: 2026-06-22 · Vercel Labs

frontend-design

baoyu-cover-image

brainstorming

seedance-prompt-en
概述

web-design-guidelines

Apply Vercel web design guidelines for accessible, performant interfaces.

适用场景

  • → UI 审查
  • → 设计一致性检查
  • → 无障碍改进

兼容平台

Cursor Claude Code GitHub Copilot

资源文件

skill-name/
├── SKILL.md

源码

https://github.com/vercel-labs/agent-skills/skills/web-design-guidelines

相关技能

frontend-design精选

Vercel Labs · 创意

frontend-design 生成有设计感、非模板化的 UI。使用 npx skills add vercel-labs/agent-skills --skill frontend-design 安装。

4.8Q96
baoyu-cover-image精选

Jim Liu (宝玉) · 创意

baoyu-cover-image 按类型、配色、渲染、文字与情绪五维生成公众号/文章封面。使用 `npx skills add jimliu/baoyu-skills --skill baoyu-cover-image` 安装。

4.7Q93
brainstorming

obra / Superpowers · 效率

brainstorming 要求在动手实现前先做设计和确认。使用 npx skills add obra/superpowers --skill brainstorming 安装。

4.7Q93
seedance-prompt-en精选

dexhunter · 创意

seedance-prompt-en 用 @Image/@Video/@Audio 引用写法撰写豆包/即梦 Seedance 2.0 视频提示词。使用 `npx skills add dexhunter/seedance2-skill` 安装。

4.6Q91

常见问题

如何安装 web-design-guidelines？

把安装提示词发给你的 AI，或运行 npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines。

web-design-guidelines 兼容哪些平台？

Cursor、Claude Code、GitHub Copilot