AI Skills
web-design-guidelines

web-design-guidelines

熱門

審查 UI 程式碼是否符合 Web 介面指南。當被要求「審查我的 UI」、「檢查無障礙性」、「稽核設計」、「審查 UX」或「檢查我的網站是否符合最佳實踐」時使用。

2.8萬星標
2573分支
更新於 2026/6/14
獲取技能源代碼

相關技能

frontend-ui-engineering7.7萬brainstorming23萬power-bi-performance-troubleshooting3.7萬
SKILL.md
readonlyread-only
name
web-design-guidelines
description

審查 UI 程式碼是否符合 Web 介面指南。當被要求「審查我的 UI」、「檢查無障礙性」、「稽核設計」、「審查 UX」或「檢查我的網站是否符合最佳實踐」時使用。

Web 介面指南

審查檔案是否符合 Web 介面指南。

運作方式

  1. 從下方來源網址取得最新指南
  2. 讀取指定的檔案（或提示使用者提供檔案/模式）
  3. 根據取得的指南中的所有規則進行檢查
  4. 以簡潔的 file:line 格式輸出結果

指南來源

每次審查前取得最新指南：

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

使用 WebFetch 取得最新規則。取得的內容包含所有規則與輸出格式說明。

使用方式

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

  1. 從上方來源網址取得指南
  2. 讀取指定的檔案
  3. 套用取得的指南中的所有規則
  4. 使用指南中指定的格式輸出結果

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