Skip to content
Refactoring UI website preview

Refactoring UI

refactoringui.com

Adam Wathan and Steve Schoger's tactical guide to designing beautiful interfaces from a developer's starting point. The book behind Tailwind's design taste.

What is Refactoring UI?

Refactoring UI is Adam Wathan and Steve Schoger's tactical guide for developers who want their interfaces to look professionally designed. Instead of design theory it teaches concrete moves — spacing, hierarchy, color and depth — that immediately improve any UI you are already building.

Best for

  • Developers without a designer
  • Improving existing UIs
  • Learning practical visual hierarchy

Key features

  • 200+ page practical book
  • Before-and-after UI examples
  • Video walkthroughs
  • Companion Tailwind examples
Jiro website preview

A design prompt library for vibe coders — browse 1,200+ animated templates and sections, copy an AI-ready prompt, and paste it into Bolt, Lovable, v0 or Cursor.

AI PromptsVibe CodingTemplates+3
ricocc/rico-skills website preview

A Claude Code skills pack for design-adjacent work: curated resource articles, one-click website theme optimization, and design system document generation.

AIDesign SystemsTailwind+2
Vibeprompts website preview

A prompt library of 286 UI layout prompts across 15 categories — paste one into your AI tool and get clean, ready-to-ship Tailwind CSS markup.

AITailwindPrompts+1
vibeprompts.dev
Visitopens in a new tab