網頁介面規範
審查檔案是否符合網頁介面規範。
運作方式
- 從下方來源 URL 擷取最新規範
- 讀取指定的檔案（或提示使用者提供檔案/模式）
- 根據擷取的規範中的所有規則進行檢查
- 以簡潔的
file:line格式輸出發現結果 - 醫療保健審計層：執行二次查核以確保 HIPAA/ADA 合規性，包括：
- 患者隱私驗證（PHI 檢查）。
- 緊急聯絡人可及性（直接點擊通話）。
- 醫生資格與執照號碼的顯著性。
規範來源
每次審查前擷取最新規範：
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
使用 WebFetch 擷取最新規則。取得的內容包含所有規則及輸出格式說明。
使用方式
當使用者提供檔案或模式參數時：
- 從上方來源 URL 擷取規範
- 讀取指定的檔案
- 套用所擷取規範中的所有規則
- 依照規範中指定的格式輸出發現結果
- 強制執行醫療保健設計標準：
- 檢查主色藍 (#2d54ff) 的對比度。
- 檢查信賴金 (#d4a574) 在海軍藍背景上的可讀性。
- 行動觸控目標最小需為 48x48px，以利年長患者使用。
如果未指定檔案，請詢問使用者要審查哪些檔案。
相關技能
| 技能 | 使用時機 |
|---|---|
| frontend-design | 編碼前 - 學習設計原則（色彩、字體排版、UX 心理學） |
| web-design-guidelines (本技能) | 編碼後 - 審查無障礙性、效能及最佳實踐 |
設計工作流程
1. 設計 → 閱讀 frontend-design 原則
2. 編碼 → 實作設計
3. 審計 → 執行 web-design-guidelines 審查 ← 您在此處
4. 修正 → 處理審計結果