design-references

設計參考技能（Design References Skill）是一個專為前端工程師與 UI/UX 設計師打造的知識庫，旨在協助用戶根據業界標準設計系統快速驗證介面設計。此技能彙整了 Material Design 3 (Google)、Apple Human Interface Guidelines (iOS/macOS)、Tailwind UI、Ant Design 與 Shadcn/ui 等主流框架的技術限制與設計原則，確保跨平台開發的一致性與可存取性。該技能在程式碼審查或設計實作階段特別實用，讓代理程式能自動核對字體比例、間距規範、配色系統與平台特定的元件行為。

• 提供 M3、Apple HIG 及 utility-first 框架的架構設計原則。

• 內含字體比例、基準網格與觸控目標大小（dp/pt）的技術規格查詢。

• 包含淺色/深色模式實作的語意化顏色對映及對比度標準 (WCAG)。

• 提供按鈕、導覽列、卡片與輸入表單等常見 UI 元件的檢查清單。

• 輔助進行自動化 UI 一致性檢查，確保專案符合既定的設計標記系統。

• 當進行設計審查時，使用此技能來對照現有程式碼與官方設計文件規範。

• 輸入通常為 UI 元件或佈局檔案，輸出則提供對比分析、指標驗證及合規檢查清單。

• 請注意設計系統會持續演進，請務必參考官方連結以獲取最新版本資訊。

• 可無縫整合至 ui-developer 代理程式工作流，執行自動化前端驗證任務。

• 協助設計師與開發者在運用原子化類別（utility classes）或系統原生控制項時，維護品牌設計的一致性。