ui-design-system

此專業級 UI 設計系統技能為資深 UI 設計師與前端工程師提供了一套全面的工具包，用於創建、維護和擴展複雜的設計系統。它專為 Claude Code Orchestrator Kit 環境而設計，簡化了將品牌識別轉換為功能性代碼代幣的過程。對於追求像素完美實現、合規性及增進設計與開發團隊之間協作的團隊來說，這是一項至關重要的資產。

• 從品牌顏色自動生成設計代幣，支持現代、經典和俏皮等多種風格。

• 支持多種輸出格式，包括 JSON、CSS 和 SCSS 變量，確保無縫集成。

• 提供組件系統架構支持，確保模組化與可重用性。

• 先進的響應式設計計算，包含基於 8pt 間距的網格系統與流動排版比例。

• 內置陰影與動畫代幣管理，實現一致的動態設計。

• 生成全面的開發人員交接文檔，彌合設計規格與代碼實現之間的差距。

• 代幣生成的主要入口為 design_token_generator.py 腳本，該腳本接收品牌顏色與風格參數作為輸入。

• 請確保所有顏色輸入均以標準十六進位或 RGB 格式提供，以保證調色板導出的準確性。

• 使用生成的 JSON 輸出作為下游工具的單一數據源，確保品牌顏色更改能自動同步到所有前端樣式表。

• 在實現響應式斷點時，該工具依賴標準媒體查詢模式；建議針對特定項目限制對生成的斷點進行驗證。

• 系統專注於原子設計原則；請嚴格遵循輸出文檔中定義的間距與排版比例，以保持視覺一致性。