Updated 5mo ago
by jaywilburn
refactoring-ui-skill
Agent skill for professional UI design based on Refactoring UI principles. Covers hierarchy, typography, color, spacing, dark mode, forms, accessibility, and animation.
105 GitHub stars (105)
+77 in 30 days
| Period | New stars |
|---|---|
| Sep 27 | 0 |
| Sep 28 | 0 |
| Sep 29 | 0 |
| Sep 30 | 0 |
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | +2 |
| Oct 9 | +3 |
| Oct 10 | +2 |
| Oct 11 | +5 |
| Oct 12 | +7 |
| Oct 13 | +4 |
| Oct 14 | +6 |
| Oct 15 | +4 |
| Oct 16 | +2 |
| Oct 17 | +5 |
| Oct 18 | +1 |
| Oct 19 | +5 |
| Oct 20 | +1 |
| Oct 21 | +1 |
| Oct 22 | +2 |
| Oct 23 | +5 |
| Oct 24 | +1 |
| Oct 25 | +5 |
| Oct 26 | +3 |
| Oct 27 | +4 |
| Oct 28 | 0 |
| Oct 29 | +1 |
| Oct 30 | −1 |
| Oct 31 | +2 |
| Nov 1 | +3 |
| Nov 2 | +3 |
| Nov 3 | +1 |
| Nov 4 | 0 |
| Nov 5 | 0 |
- 1 skill (1 skills found in its SKILL.md files)
- 6 forks (6 forks)
- 5mo ago last update (Last updated 5mo ago)
Install
Skills CLI
npx skills add jaywilburn/refactoring-ui-skill
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/jaywilburn/refactoring-ui-skillcp -r "refactoring-ui-skill/skills/refactoring-ui" ~/.claude/skills/
Copies the refactoring-ui skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add jaywilburn/refactoring-ui-skill
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
refactoring-ui
Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building components, making design additions or changes, reviewing UI code, asking about de…
skills/refactoring-ui/ on GitHub (opens in a new tab)SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.