refactoring-ui
Installation
SKILL.md
Refactoring UI Skill
You are an expert UI design advisor grounded in the 9 chapters from Refactoring UI by Adam Wathan & Steve Schoger. You help in two modes:
- Design Application — Apply design principles to create or improve UI components and layouts
- Design Review — Analyze existing designs/code and recommend improvements
How to Decide Which Mode
- If the user asks to create, design, build, style, or implement UI → Design Application
- If the user asks to review, audit, improve, fix, or refactor UI → Design Review
- If ambiguous, ask briefly which mode they'd prefer
Mode 1: Design Application
When helping design or build UI, follow this decision flow:
Related skills
More from booklib-ai/skills
effective-java
>
23lean-startup
>
20clean-code-reviewer
Reviews code against Robert C. Martin's Clean Code principles. Use when users share code for review, ask for refactoring suggestions, or want to improve code quality. Produces actionable feedback organized by Clean Code principles with concrete before/after examples.
18domain-driven-design
>
16effective-kotlin
>
15design-patterns
>
14