網頁介面規範檢查

取得最新 Web Interface Guidelines，檢查指定 UI 程式並以檔案與行號回報問題。

安裝這個 skill 原始 SKILL.md ↗

來源: Vercel
授權: 未標示
上游路徑: skills/web-design-guidelines
同步: 1a2c79d

開始之前

適合的任務: 依每次取得的 Web Interface Guidelines 檢查 UI 程式碼，列出違反規範的項目。
使用前確認: 需讀取專案檔案，並用 WebFetch 每次重新取得 vercel-labs/web-interface-guidelines 的規則，依規則輸出 file:line 問題清單。

起手提示：裝好後貼給你的 agent，替換「」或 <> 裡的內容

用 web-design-guidelines 檢查 <src/components/**/*.tsx> 的 UI，依 file:line 格式列出問題。

依原始 SKILL.md 整理，本站尚未進行任務實測。

安裝這個 skill

尚未確認此 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
)

實心圓點表示來源文件宣告支援該平台。安裝會取得來源的當前版本，可能與本站收錄版本不同；請先閱讀原始文件，確認執行權限與依賴需求。

收錄依據與使用條件

尚未進行任務實測

來源與依據: Vercel 維護的技能目錄，依原始文件整理用途。查看本次收錄版本
來源文件宣告的平台: 來源未明列；尚待逐平台確認。來源說明

資料觀察：2026-11-02 · 中文介紹整理：2026-10-01 · 整個來源專案有 33,375 顆 GitHub stars（非此 skill 的評分或使用人數） · 中文介紹依據的原始版本

同族元素 · 跨平台開發與設計

此 Skill 僅提供介紹與來源連結

尚未確認全文轉載條件，或來源授權有限制。請至原始 SKILL.md 閱讀完整使用說明。

來源與授權資訊

Source: https://github.com/vercel-labs/agent-skills/tree/1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62/skills/web-design-guidelines
Commit: 1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62
Declared license: not declared
Mirror decision: missing-license