wednesday-design

wednesday-design 技能作為 Wednesday Solutions 專案現代前端開發的嚴格 UI 與 UX 合規引擎。它專門針對使用 Tailwind CSS 的 React 與 Next.js 環境進行了優化，擔任設計一致性的守門人。此技能的主要任務是透過強制執行從 shadcn/ui、Aceternity UI、Magic UI、Motion Primitives、Animate UI、Eldora UI、Cult UI 與 ABUI 等八個核准庫中挑選的 492 個以上預先驗證組件，來消除客製化 UI 組件的開發需求。透過集中化設計決策，它確保所有 UI 元素皆經過壓力測試、具備無障礙性且效能優異。

• 強制嚴格遵守組件庫優先順序清單，要求開發人員在嘗試任何客製樣式前，優先使用現有組件。

• 提供視覺設計標記、間距系統與字體排版層級（Instrument Serif 與 DM Sans）的立即指導，以確保品牌對齊。

• 提供 UI 解決方案的快速查詢功能，將功能需求（如 3D 卡片效果、資料表格、對話框或打字機動畫）映射到確切的核准組件。

• 預設整合無障礙性審查，在非合規的 UI 元素進入程式碼庫之前進行標記。

• 包含明確的決策流程：檢查組件是否存在、組合現有組件，或使用預定義的設計標記來擴展樣式。

• 透過將視覺設計輸出與業務邏輯、TypeScript 定義及 API 路由結構進行嚴格區分，防止架構偏移。

• 每當您在建置 UI 組件、應用 Tailwind 類別或處理前端無障礙問題時，請使用此技能。

• 在撰寫任何新程式碼之前，請務必查閱核准的組件庫索引，以防止重複或非標準組件的產生。

• 當找不到所需的 UI 組件時，請遵循升級協議：先嘗試組合現有組件，接著擴展樣式，僅在沒有其他可行方案時才尋求客製化實作的批准。

• 遵守既定的 4px 基底網格間距系統與品牌專屬配色方案（綠色 #4ADE80 到青色 #0D9488），以維持頂級且極簡的美學風格。

• 開發人員應將此技能視為視覺輸出的強制同行審查員，將一致性與維護速度置於客製化功能實作之上。