Refactoring Ui
wondelai/skills/plugins/ux-design/skills/refactoring-ui作者 wondelaic172996495bed0fcd26896a9416b2093fd7073f0MIT2.3K 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫4 週前更新
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
新增到 SourceWeft 工作區
- 在儀表板中開啟該技能，並將它新增到工作區。
- 為需要使用它的對話啟用該技能。
該技能僅含說明：不附帶任何可執行的腳本。
新增到 SourceWeft系統會先要求你登入，然後直接帶你回到這個技能。
讓你的代理程式來安裝
把這段提示詞貼上到 Claude Code、Codex、Cursor 或其他能執行命令的代理程式中，也可以貼上到 SourceWeft 對話裡。代理程式會閱讀這個技能的安裝說明，向你展示它的來源、授權條款和腳本情況，在你同意後用 SourceWeft CLI 安裝。
閱讀 https://sourceweft.com/skills/gh-wondelai-skills-refactoring-ui-plugins-ux-design-skills-refactoring-ui-c69ed7dc2a787b66/install.md 中的說明，按說明安裝這個技能。安裝前先告訴我它的來源、授權條款以及是否附帶腳本，等我確認。修改我電腦上的其他任何內容之前也要先問我。用命令列自行安裝
適用於 Claude Code、Codex、Cursor 及其他本機代理程式。SourceWeft CLI 會從原始碼儲存庫中取得此處掃描過的那次提交，並根據掃描時記錄的雜湊值逐一驗證每個檔案。只要有任何不一致，就不會寫入任何內容。
npx @sourceweft/cli skills install @wondelai/refactoring-ui-plugins-ux-design-skills新增 --agent claude-code、codex、cursor 或 universal 來選擇安裝給哪個代理程式（預設為 Claude Code）。
上游安裝器——未經 SourceWeft 驗證
開源的 skills 安裝器會取得同一個固定的提交，但不會根據 SourceWeft 記錄的雜湊值驗證檔案。
npx skills add https://github.com/wondelai/skills/tree/c172996495bed0fcd26896a9416b2093fd7073f0/plugins/ux-design/skills/refactoring-ui來源與署名
來源：wondelai/skills位於plugins/ux-design/skills/refactoring-ui提交c172996
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 wondelai/skills 的技能
Web Typography
wondelai
指導網頁字型的選擇、搭配與實作，涵蓋可讀性、CSS 與字型載入。
Ux Heuristics
wondelai
使用尼爾森啟發式、克魯格原則、嚴重程度評級和無障礙檢查來評估介面可用性。
Traction Eos
wondelai
引導領導團隊導入創業營運系統（EOS），讓願景與執行保持一致。
Top Design
wondelai
指導打造獲獎級沉浸式網頁體驗，涵蓋戲劇化排版、有目的動效與捲動式設計。
Team Topologies
wondelai
依 Team Topologies 指導工程組織設計：團隊類型、互動模式、認知負荷與斷裂面。
System Design
wondelai
用於設計可擴展分散式系統的結構化框架，涵蓋容量估算、建構積木、資料庫擴展、常見設計與維運。