Command·Wondelai UX design·11 skills · MIT · pinned·UI034

/refactoring-ui

Fixes what stands out, spacing, color and depth using the method from the book Refactoring UI.

Example

/refactoring-ui the task list looks amateur

Design skills from wondelai based on books and known methods: Refactoring UI, web typography, usability rules of thumb, microinteractions, Don Norman's principles, Apple's design guidelines (HIG), and retention and habit design. Plain text only; nothing runs.

Skip it when: Choosing a page's whole look. Impeccable and Hallmark own that.
Best for: Font choices, fixing what stands out on a page, and usability checks based on a named method.
Changes: Changes code
Notes: Steve Jobs review and the heuristic audit run only when you type them, so a review never starts uninvited. The rest can start on their own when you talk about type, hierarchy or usability.

Skills it uses

refactoring-uiAudit 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.design-kit·Wondel.ai