深色模式

frontend-ui-dark-ts 可協助你用 TypeScript、Tailwind CSS、Framer Motion 與可重複使用的設計 tokens，打造深色主題的 React UI。它特別適合儀表板、管理後台、分析視圖，以及其他需要精緻深色美學與一致元件模式的高密度資料介面。

ui-web 協助你設計與調整網頁 UI 元件，提供 WCAG 2.1 AA 檢查、強對比、清楚可見的控制項，以及適合深色模式的 Tailwind 樣式做法。當你需要實用的 UI 設計指引，能提升無障礙性並減少猜測時，可在 React 風格前端使用這個 ui-web 技能。

ui-testing 技能提供一套以清單為核心的 UI 檢測工作流程，可在發佈前找出看不見的按鈕、對比不足、缺少焦點狀態與觸控目標過小等問題。它特別適合 UI 設計審查、元件檢查，以及快速做無障礙健檢；相較於通用的測試提示，能減少猜測。

ios-design-guidelines 可協助你依照 Apple Human Interface Guidelines 檢視、調整並改寫 SwiftUI/UIKit 介面，適用於 iPhone。當你需要針對 UI 設計獲得實用的 ios-design-guidelines 指引回饋時，它特別適合用來處理版面配置、導覽、無障礙、Dynamic Type、Dark Mode，以及系統元件的選用。

makepad-2.0-theme 是一個用於套用 theme.* 變數、切換深色與淺色主題，並維持設計 token 風格一致性的 Makepad 2.0 主題技能。這份指南可幫助你了解 makepad-2.0-theme 的安裝與使用方式，適用於正式產品 UI 與設計系統。