# refactoring-ui-skill

A Claude Code skill that teaches Claude the concrete, mechanical rules from the book Refactoring UI by Adam Wathan and Steve Schoger — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather than size, and depth through

- Tier: Indexed (plain plugin)
- Category: Design
- Page: https://www.flowy.sh/listings/s0xdk-refactoring-ui-skill
- Source: https://github.com/s0xDk/refactoring-ui-skill
- Price: free and open source

## Summary
refactoring-ui-skill is a Claude Code plugin with 1 hand-picked skill, indexed on Flowy in the Design category. Install it with the command on its page. It includes refactoring-ui-skill. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

## Install (Claude Code)
```
npx -y skills add s0xDk/refactoring-ui-skill --agent claude-code
```

## Skills
- refactoring-ui-skill

## FAQ

### What is refactoring-ui-skill?
A Claude Code skill that teaches Claude the concrete, mechanical rules from the book Refactoring UI by Adam Wathan and Steve Schoger — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather than size, and depth through

### How do I install refactoring-ui-skill?
Run these in Claude Code: npx -y skills add s0xDk/refactoring-ui-skill --agent claude-code. Then prompt normally.

### Does refactoring-ui-skill auto-invoke its skills?
Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

### Is refactoring-ui-skill free?
Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.