Refactoring Ui
wondelai/skills/refactoring-ui作者 wondelaic172996495beMIT2.3K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫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.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| references/accessibility-depth.md | 11.5 KB | text/markdown |
| references/advanced-patterns.md | 10.7 KB | text/markdown |
| references/animation-microinteractions.md | 9.3 KB | text/markdown |
| references/data-visualization.md | 11.5 KB | text/markdown |
| references/theming-dark-mode.md | 9.9 KB | text/markdown |
| SKILL.md | 15.3 KB | text/markdown |
更多來自 wondelai/skills 的技能
System Design
wondelai
用於設計可擴展分散式系統的結構化框架，涵蓋容量估算、建構積木、資料庫擴展、常見設計與維運。
Web Typography
wondelai
指導網頁字型的選擇、搭配與實作，涵蓋可讀性、CSS 與字型載入。
Top Design
wondelai
指導打造獲獎級沉浸式網頁體驗，涵蓋戲劇化排版、有目的動效與捲動式設計。
Ux Heuristics
wondelai
使用尼爾森啟發式、克魯格原則、嚴重程度評級和無障礙檢查來評估介面可用性。
Traction Eos
wondelai
引導領導團隊導入創業營運系統（EOS），讓願景與執行保持一致。
Team Topologies
wondelai
依 Team Topologies 指導工程組織設計：團隊類型、互動模式、認知負荷與斷裂面。