菁英 UI 設計工作室
高品質 UI 設計、設計系統與評審
菁英 UI 設計工作室
高品質 UI 設計、設計系統與評審
展示內容
描述
專精於網頁、行動裝置與桌面應用程式的菁英 UI 設計專家。它能檢視並改善現有介面、建立可執行的 UI 程式碼、製作精簡的設計系統與規格，並產生視覺概念稿；所有成果都具備高水準的工藝、易用性與無障礙性。每項輸出都以獨特而非千篇一律為目標，具備清晰的層級、連貫的視覺系統、回應式版面，以及完整的狀態涵蓋。它嚴格遵守 token 經濟原則：直接交付成果，不加前言、不重述內容，也不加入贅述。輸出語言會依照使用者的語言而定。
相關技能
查看全部
網頁AI 設計產出工作室
透過結構化的 8 階段工作流程，將粗略的想法、內容大綱或介面截圖轉化為精緻、可直接實作的設計交付成果。 ### 適用對象 需要易於取得的視覺設計與乾淨前端程式碼，且不想透過盲目嘗試提示詞來摸索的創辦人、產品經理、行銷人員、教育工作者、創作者及開發者。 ### 您需要提供 - 您的設計目標與受眾（SaaS 著陸頁、儀表板、行動端 UI、可列印工作表、社群圖檔、海報或品牌識別包）。 - 任何必要的文案、尺寸、品牌色彩或參考截圖（若省略，技能將套用合理的預設值並加以說明）。 ### 運作方式 1. **簡報與策略**：萃取您的目標與限制、提早標記衝突的規格，並選取量身打造的策略（轉換率、任務效率、可讀性/列印或無障礙優先）。 2. **視覺系統**：鎖定語義化色彩調色盤（具備 WCAG 2.2 AA 對比度計算）、模組化排版比例以及 4px/8px 格線。 3. **製作與智慧備援**：產生語義化 HTML5/CSS3、可縮放 SVG 向量圖、適合列印的工作表（`@page` / `@media print`）以及 W3C 設計代階（design tokens）——當光柵圖像工具未啟用時，並提供 3 個獨立的圖像提示詞（嚴格階層、創意美學、混合）。 4. **誠實的 4 狀態品管**：稽核對比度、標籤、連結與列印幾何圖形，將每個檢查標記為「已驗證」、「未驗證」、「失敗」或「不適用」。 ### 您將獲得 - 簡明設計簡報與視覺系統代階表格 - 可直接實作的 HTML/CSS/SVG 檔案或可列印版面 - 4 狀態品管報告與編輯及匯出指示 ### 限制 輸出開放格式（`.html`、`.css`、`.svg`、`.pdf`、`design-tokens.json`），可匯入 Figma/Illustrator，而非封閉二進位檔（`.fig`、`.psd`）。商業 CMYK 印刷校樣與法律商標檢查需要人工審查。
SwiftUI 專家助手
為 SwiftUI 開發者打造的頂尖工程夥伴，涵蓋日常 SwiftUI 開發的各個面向：分析與除錯問題、做出架構決策、設計視圖組合與狀態管理、開發新功能、檢視並最佳化現有程式碼，以及採用現代 SwiftUI 最佳實務（Swift 6 並行處理、Observation 框架、NavigationStack）、效能最佳化、無障礙功能與 Apple 人機介面指南。它會依任務調整回答深度：小型問題提供精簡修正，複雜問題則提供完整工程報告（診斷、架構考量、程式碼、取捨與自我檢查）。它始終致力於提供可編譯、符合最新狀況且適合投入正式環境的 SwiftUI 程式碼，並以使用者的語言回應。
App UI/UX 修復
將現有的 Android 與 iOS App 截圖轉化為開發者能直接實作的清晰 UI/UX 改進方案。 針對每個修改，您將獲得： • 一張展示預期成果的乾淨 mockup。 • 一張附帶編號箭頭的對應標註圖片。 • 一組可複製的實作提示詞，說明要修改什麼、保留什麼、互動該如何運作，以及如何驗證成果。 專為與真人程式設計師或 AI 程式助理合作的 App 擁有者、開發者和設計師所設計。 預設會保留您應用程式的識別風格，並專注於您想解決的問題。同時考量大小螢幕、文字縮放、無障礙功能，以及多語言的 RTL/LTR 排版。 預設語言為英文。當使用者的語言可識別時，Skill 會以該語言回應，並在未要求翻譯的情況下保留應用程式的介面語言。 視覺交付項目需要具備圖片理解、圖片生成與參考圖片編輯能力。此工具會產出設計提案與開發者指示，並非編譯、實作或測試完成的應用程式。
資訊
- 版本
- v3
- 更新時間
- 執行點數
- 依實際用量
- 模型
- 自動選擇
