web-design-guidelines

web-design-guidelines

熱門

根據 Vercel 工程團隊制定的 Web 介面指南,審查 UI 程式碼。涵蓋產品 UI 的版面、字體、色彩、動畫與無障礙設計。

8.2萬星標
9478分支
更新於 2026/7/28
SKILL.md
readonlyread-only
name
web-design-guidelines
description

根據 Vercel 工程團隊制定的 Web 介面指南,審查 UI 程式碼。涵蓋產品 UI 的版面、字體、色彩、動畫與無障礙設計。

Web 介面指南

根據 Web 介面指南審查檔案的合規性。

運作方式

  1. 載入固定的指南 references/guidelines.md — 這是預設且可重現的執行路徑
  2. 可選擇從下方的上游 URL 取得最新指南,並與固定快照比對,查看是否有任何變更
  3. 讀取指定的檔案(或提示使用者提供檔案/模式)
  4. 檢查是否符合指南中的所有規則
  5. 以簡潔的 file:line 格式輸出結果

指南來源

預設(固定): 位於 references/guidelines.md 的複本是預設執行路徑。它是上游指南的固定快照,確保技能在任何執行環境中都能產生可重現的結果。

上游(即時): 對於想要最新規則的使用者,即時來源位於:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

取得即時版本為可選操作 — 固定快照始終是基準。

使用方式

當使用者提供檔案或模式參數時:

  1. 載入 references/guidelines.md 作為預設來源
  2. 可選擇取得上游 URL 以檢查更新
  3. 讀取指定的檔案
  4. 套用指南中的所有規則
  5. 使用指南指定的格式輸出結果

如果未指定檔案,詢問使用者要審查哪些檔案。