Refactoring UI Skill
refactoring-ui-skill
A skill applying the rules of the book Refactoring UI: spacing, typography and color scales, hierarchy and a token set verified by contrast
- 598 ★ on the repository
- Last commit
Minimal access
Why this level
- The skill retells the book's rules and the rights to the book are with the authors
- Not affiliated with the book authors
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/refactoring-ui-skillDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill retells the book's rules and the rights to the book are with the authors
- Not affiliated with the book authors
This is third-party code. Review the repository files before installing.
What it does
Refactoring UI Skill applies the rules of the book Refactoring UI to interfaces: spacing, typography and color scales, visual hierarchy and a token set verified by contrast. Installation by cloning into the skills folder: `git clone` of the s0xDk/refactoring-ui-skill repository into `~/.claude/skills/refactoring-ui`. The MIT license is stated in the LICENSE file while GitHub shows NOASSERTION, and it does not cover the book itself. The project is not affiliated with the book authors.
Who it is for. For developers without design training who need proven rules of scales, hierarchy and contrast so that interfaces look tidy.
Good fit when
- You need spacing, typography and color scales by proven rules
- You need visual hierarchy in an interface
- You need a token set with a contrast check
Not a fit when
- You need the text of the book itself: the skill neither contains nor replaces it
- You need original solutions: the skill applies well-known rules
Example request
Tidy the pricing card by Refactoring UI rules: a spacing scale, heading hierarchy and button contrastLimitations
The skill retells rules from the book and the book itself is not covered by the repository license: the rights to it are with the authors and the project is not affiliated with them. The result has to be viewed by eye as rules do not replace taste. Access is minimal.
How to disable. Remove the skill from the agent's folder or the plugin through the plugin manager.
FAQ
What is the skill built on?
On the rules of the book Refactoring UI: scales, hierarchy, contrast.
Is it affiliated with the book authors?
No, the project is not affiliated with the authors and the license does not cover the book.
How do I install it?
git clone of the s0xDk/refactoring-ui-skill repository into ~/.claude/skills/refactoring-ui.
Discussion
No questions or reviews yet.
Related
SkillsSkills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
Frontend Design (Ilm-Alan)
frontend-design
A frontend design skill with eight aesthetic anchors: each fixes palette, type and texture in CSS tokens. A separate project, not from Anthropic
Jakub Krehel's Interface Skills
Interfaces skills
Skills for interface polish: typography, color, layout, accessibility, product copy and a review across all of them
Make interfaces feel better
make-interfaces-feel-better
A skill about the small interface details: animations, typography, icons, shadows, radii, optical alignment and hit areas
Interface Design
interface-design
Design engineering for Claude Code: craft, memory and consistency of product interfaces, dashboards and apps. Not for marketing sites
Comparison with similar tools
Entries that share the main search query, and how they differ.
| Entry | Official | Repository stars | Main difference |
|---|---|---|---|
| Refactoring UI Skill (this entry) | no | 598 | |
| Interface Design | no | 5,789 | a memory of decisions and consistency of product interfaces |
| Designer Skills (Julian Oczkowski) | no | 580 | a step-by-step design process and tokens |
| Apple Design Skill | no | 1,167 | a review by Apple HIG, no license |
README in short
The README describes a skill of rules from the book Refactoring UI with scales, hierarchy and tokens with a contrast check. The MIT license is in the LICENSE file.