已發佈技能 24
typeset
將排版轉化為精心的設計
通用字體和不一致的尺寸會削弱您的介面可信度。Typeset 應用專業排版原則,創建清晰的層次結構、易讀的文字和精致的視覺效果,以反映您的品牌個性。
teach-impeccable
捕捉您的設計情境,實現一致的 AI 協作
AI 助手在理解您的品牌和用戶後,能做出更好的設計決策。此技能執行一次即可收集專案專屬的設計情境,並儲存供所有未來工作階段使用。
shape
在編碼前規劃 UX/UI 設計
大多數 AI 生成的 UI 失敗是因為跳過了設計思維。此技能會執行結構化的探索訪談,了解使用者的需求、限制和目標,然後產生一份全面的設計簡報來引導實作。
polish
Polish Your UI to Perfection
一項細緻的品質把關技能,能發現 UI 程式碼中的對齊、間距、一致性和細節問題。將優秀的作品轉化為精緻、專業的介面。
quieter
精煉過於大膽的設計
Claude 可以自動調和過於激進或視覺上過於壓抑的設計,創造出更精緻優雅的美學,同時保留影響力和功能性。
overdrive
打造令人驚豔的網頁介面,運用尖端效果技術
標準的網頁介面感覺靜態且可預測。Overdrive 透過電影般的轉場效果、GPU 加速的視覺效果,以及基於物理的動畫來轉變它們,為使用者帶來驚喜與愉悅。
optimize
優化網頁效能以實現更快的載入和更流暢的互動
緩慢的介面會讓使用者感到挫折並損害指標。這項技能能系統性地識別並修復載入速度、渲染、動畫、圖片和套件大小等方面的效能瓶頸,創造更快、更流暢的體驗。
onboard
設計促進採用的用戶引導流程
當用戶無法快速理解產品價值時,他們會放棄使用。本技能可幫助您建立引導體驗,在不造成用戶負擔的情況下引導他們達成首次成功。
normalize
將 UI 元件標準化為設計系統
透過自動偵測並修正偏離設計系統的狀況,消除設計不一致性。確保每個元件都使用正確的設計記號、模式和既定規範。
layout
運用系統化間距建立精緻版面配置
修正單調的網格和不一致的間距,這些問題會讓介面感覺不夠專業。此技能建立系統化的間距比例、視覺節奏和明確的層次結構,將通用的版面轉化為經過精心設計的構圖。
impeccable
運用 AI 打造精緻的前端介面
AI 生成的介面往往流於通用與模板化。Impeccable 引導 AI 做出專業的設計決策,產出獨具特色且達生產等級的前端程式碼。
harden
強化您的介面以對抗生產環境現實
介面在真實用戶輸入意外資料、連線中斷或使用輔助技術時會發生故障。本技能可系統性地強化您的 UI 以應對邊緣情況、國際化問題、錯誤和無障礙功能缺口,確保生產環境就緒的韌性。
frontend-design
建立突出且與眾不同的前端介面
一般 AI 生成的程式碼只會產生平淡無奇、模板化的設計。此技能教導大膽的美學方向和生產級的實作,創造令人難忘的使用者體驗。
extract
擷取設計系統元件
從您的程式碼庫中識別並擷取可重複使用的元件、設計代幣和模式,建立結構化的設計系統。此技能將分散的 UI 程式碼整合為系統化且有文件的資產。
distill
簡化設計,回归本质
此技能可幫助 AI 助手透過移除不必要的元素來簡化複雜的設計,創建清晰且專注的使用者介面,引導使用者達成目標。
delight
透過愉悅的微互動改造介面
功能性介面通常給人冰冷且機械化的感覺。此技能添加了策略性的歡樂與人格特質,讓使用者在保持可用性的同時露出微笑。
critique
設計審查
獲得專業的 UX 設計回饋,識別 AI 生成的圖樣、視覺層級問題,以及可操作的改進建議,提升您的介面品質。
colorize
為您的設計添加策略性色彩
將灰色、無生氣的介面轉換為溫暖、吸引人的體驗。此技能應用有目的性的色彩理論來改善視覺層次和使用者愉悅感。
clarify
改善不明確的 UX 文案與錯誤訊息
令人困惑的介面文字會讓使用者感到沮喪並增加支援成本。此技能將行話、模糊標籤和不佳的錯誤訊息轉換為清晰、友善的人類語言,有效引導使用者。
bolder
將沉悶設計轉化為大膽體驗
停止將就通用、容易被遺忘的介面。這項技能幫助 Claude 創造視覺上引人注目的設計,在保持可用性和無障礙標準的同時吸引使用者。
audit
審計介面品質
不良的介面品質會損害使用者體驗,並使身心障礙使用者被排除在外。此技能提供跨無障礙設計、效能、主題化和響應式設計的系統性審計,以在問題進入生產環境前予以識別。
arrange
以有意義的間距與節奏轉換版面配置
消除單調的網格和隨意的間距。此技能提供系統化的方法,透過有意義的間距、多樣的節奏和結構化的版面配置來建立視覺層次,引導視線聚焦於重要內容。
animate
新增有意義的動畫與微互動
靜態介面會讓人感覺未完成,並錯失引導使用者的機會。此技能可協助您策略性地新增動畫,提供回饋、改善理解,並創造愉悅的體驗,而不會讓使用者感到負擔過重。
adapt
為任何螢幕或平台調整設計
苦惱於讓您的設計在手機、平板電腦、桌面、列印或電子郵件上都能正常運作嗎?此技能提供專業指導,幫助您在不同的環境中調整設計,同時保持一致性和可用性。