web-design-guidelines

Web Design Guidelines 技能是一款專為在 DeerFlow 生態系統中工作的前端開發人員與 UI/UX 設計師所設計的專業審核工具。它能自動審查 UI 原始碼是否符合業界標準的 Web 介面規範。透過動態抓取知名儲存庫中的最新規則集，該代理程式確保您的專案始終符合現代設計模式、無障礙要求與可用性標準。此技能對於旨在維護大型 Web 應用程式一致性的團隊，或進行例行性技術債審計以改善網站可靠性與使用者體驗的開發者來說特別有用。它實際上是一個自動化的設計檢查引擎，能解析您的程式碼庫、標記與建議的 UI 範式不符之處，並提供可操作、具體的程式碼行號回饋，從而簡化修復流程。

• 透過 WebFetch 直接從原始儲存庫抓取最新規則，實現即時規則同步。

• 具備針對性的程式碼分析能力，可掃描使用者指定的特定檔案、目錄或路徑模式。

• 自動化合規報告，以結構化的 file:line 格式輸出結果，便於整合至現有的開發工作流程。

• 無障礙 (a11y) 驗證，確保介面元素符合通用設計與包容性標準。

• 設計一致性檢查，識別佈局、元件結構與互動設計中偏離最佳實踐的部分。

• 當被要求「審核 UI」、「檢查無障礙」、「審計設計」或對照最佳實踐檢查網站時，請使用此技能。

• 若在初始提示中未指定檔案，代理程式將主動向使用者詢問目標路徑或檔案模式。

• 此工具在執行時需要網路連線以獲取遠端指導方針配置，以確保執行最新的檢查規則。

• 審核結果特意以簡潔的開發者導向格式呈現，旨在減少雜訊並促進快速修復。

• 此技能最適於在需要嚴格遵守設計系統或樣式指南以確保產品品質的環境中使用。