Refactoring Ui
wondelai/skills/plugins/wondelai-skills/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.
- c172996495bed0fcd26896a9416b2093fd7073f0目前提交 c172996發布於 2026年10月9日
來源與署名
來源：wondelai/skills位於plugins/wondelai-skills/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
用於設計可擴展分散式系統的結構化框架，涵蓋容量估算、建構積木、資料庫擴展、常見設計與維運。