收錄依據與使用條件
尚未進行任務實測- 來源與依據
- Vercel 維護的技能目錄，依原始文件整理用途。查看本次收錄版本
- 來源文件宣告的平台
- 來源未明列；尚待逐平台確認。來源說明
- 適合的任務
- 找出無障礙、表單、焦點狀態、互動與介面效能問題。
- 使用前確認
- 讀取專案檔案；可抓取 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md 的網路工具（原文寫 WebFetch）。 每次審查需重新取得規則；程式檢查不能當成完整真人無障礙驗證。
資料觀察：2026-10-01 · 中文介紹整理：2026-10-01 · 整個來源專案有 31,774 顆 GitHub stars（非此 skill 的評分或使用人數）
中文介紹依據的原始版本安裝教學
選擇你使用的 AI coding agent，複製指令到終端機執行
尚未確認此 skill 在此平台的相容性。以下若有指令，僅為通用安裝範本。
安裝指令（需要 Node.js）
npx skills add vercel-labs/agent-skills --skill web-design-guidelines -g -a claude-code
手動安裝（不使用 npx）
clone 後複製到 skills 目錄
( skill_checkout=$(mktemp -d) && git clone --depth 1 https://github.com/vercel-labs/agent-skills.git "$skill_checkout" && mkdir -p ~/.claude/skills/web-design-guidelines && cp -R "$skill_checkout/skills/web-design-guidelines/." ~/.claude/skills/web-design-guidelines )
安裝會取得來源的當前版本，可能與本站收錄版本不同。請先閱讀原始文件，確認執行權限與依賴需求。
此 Skill 僅提供介紹與來源連結
尚未確認全文轉載條件，或來源授權有限制。請至 原始 SKILL.md 閱讀完整使用說明。
來源與授權資訊
Source: https://github.com/vercel-labs/agent-skills/tree/063bee94c3f4df8453406c830b0a7df0f2860278/skills/web-design-guidelines Commit: 063bee94c3f4df8453406c830b0a7df0f2860278 Declared license: not declared Mirror decision: missing-license