design-references

設計參考技能為 UI/UX 代理程式提供了全面的知識庫，使其能夠立即獲取工業標準的設計系統規範。此工具專為前端開發人員、UI 工程師及設計系統架構師而設計，透過確保實作嚴格遵循既定的設計原則、色彩系統、排版比例及元件模式，簡化了程式碼審閱流程。代理程式無需手動搜尋外部文件，即可透過程式化方式查詢這些參考資料，以驗證佈局完整性、無障礙合規性以及與熱門框架之間的一致性。

• 存取 Material Design 3、Apple Human Interface Guidelines (HIG)、Tailwind UI、Ant Design 及 Shadcn/ui 的權威設計資料。

• 檢索有關色彩系統的結構化細節，包括語意化色彩角色、色調調色盤以及符合 WCAG 標準的對比度指標。

• 查閱包含字體角色、字重、行高及系統專用單位 (sp, pt, px) 的排版比例。

• 使用預定義的審閱清單來自動驗證觸控目標、網格系統及深色模式支援。

• 利用響應式間距模式及基準網格定義，即時偵測常見的佈局差異。

• 執行 UI 審閱時，請提供具體的參考 ID (例如 material-3, apple-hig, tailwind-ui) 以獲取相關限制。

• 利用這些資料將目前的 DOM 或元件屬性與參考建議值進行比對。

• 此技能在與瀏覽器測試代理程式搭配使用時表現最佳，可用於將計算出的 CSS 值與提供的設計準則進行交叉比對。

• 請注意，這些是僅用於驗證的靜態參考，不會自動套用變更，但可作為代理程式推薦改進方案的事實來源。

• 非常適合需要高度還原原生平台規範（如 iOS/macOS）或網路標準框架（如 Tailwind）的跨平台應用程式。