diegosouzapw/awesome-omni-skill

網頁介面指南

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

運作方式

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

指南來源

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

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

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

使用方式

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

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

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

---

相關技能

技能	使用時機
frontend-design	編碼前 - 學習設計原則（色彩、排版、UX 心理學）
web-design-guidelines（此技能）	編碼後 - 稽核無障礙性、效能與最佳實踐

設計流程

1. 設計   → 閱讀前端設計原則
2. 實作   → 實作設計
3. 稽核    → 執行網頁設計指南審查 ← 你在此處
4. 修正   → 處理稽核結果