refactoring-ui

A practical, opinionated approach to UI design. Apply these principles when generating frontend code, reviewing designs, or advising on visual improvements.

Design in grayscale first. Add color last. This forces proper hierarchy through spacing, contrast, and typography before relying on color as a crutch.

Start with too much white space, then remove. Dense interfaces feel overwhelming. Generous spacing feels premium.

Практическая система проектирования пользовательского интерфейса, основанная на рефакторинге пользовательского интерфейса (Wathan & Schoger). Используйте при создании или улучшении пользовательских интерфейсов, веб-компонентов, информационных панелей, целевых страниц или любых работ по визуальному дизайну. Применяется к HTML/CSS, React, Tailwind или любому внешнему интерфейсу. Запускается по запросам на дизайн пользовательского интерфейса, стиль, макет, цветовые схемы, типографику, визуальную иерархию или улучшение внешнего вида интерфейсов. Источник: wondelai/skills.