---
title: "Refactoring UI"
description: "It works, but it looks like every other Lovable template. Wathan & Schoger, 2018."
url: "https://builderbooks.dev/skills/refactoring-ui"
type: "skill"
site: "BuilderBooks.dev"
author: "Wathan & Schoger"
year: 2018
price_eur: 7
currency: "EUR"
tax: "net, VAT added at checkout"
clusters:
  - "Design"
commands: []
---

# Refactoring UI

> “It works, but it looks like every other Lovable template.”

Wathan & Schoger. 2018. €7 plus VAT.

Loads while you build, no commands to remember.

## What this skill does

_The description is not published yet._

→ Concrete rules on hierarchy, spacing and weight, applied to your components

## What's inside

_The rule sections is not published yet._

## Quick reference, unlocked

This is the real thing, an excerpt from the quick reference.

_The unlocked excerpt is not published yet._

## What this book gets right that most people don't

_The contradiction is not published yet._

## What you get

- Loads while you build, no commands to remember
- A ZIP containing SKILL.md and its reference files
- Yours permanently, including future updates

## Compatibility

Claude Code, Claude Projects, Cursor, ChatGPT. Setup guide: [/install](/install).

## What this skill won't do

- It won't design your product. It corrects the components you already built.
- It won't give you a brand. It gives you hierarchy, spacing and weight.
- It won't run as a command. It loads while your agent works.

## Book source

Based on **Refactoring UI** by Wathan & Schoger (2018). The frameworks and terminology are part of the author's publicly taught methodology. This skill contains original interactive workflows built on them, it does not reproduce the book's text.

[Buy it at Refactoring UI](https://www.refactoringui.com/book)

## Get it

€7 plus VAT, VAT is added at checkout. Three skills cost €14. Add it in the cart at [/cart](/cart), or see [/pricing](/pricing).