Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

lovropodobnik/refactoring-ui-skill

1 skill · 356 installs · 41 stars · GitHub

Install

npx skills add https://github.com/lovropodobnik/refactoring-ui-skill

Skills in this repo

1Ui Refactorui-refactor is a Refactoring UI–inspired agent skill from lovropodobnik/refactoring-ui-skill that guides developers through systematic color refactors for web interfaces. It teaches an HSL-first model—hue 0–360, saturation 0–100%, lightness from black to white—and rejects one-shot five-color generators in favor of full design-system palettes. The workflow builds 8–10 tinted grey shades (cool blue or warm yellow bias), 5–10 primary brand shades, and multi-step semantic accent ramps for destructive, warning, and positive states. Shade generation follows a saturation curve rather than naive lightness-only steps, avoiding muddy dark-on-color text and flat dead greys. Developers reach for ui-refactor when refactoring Tailwind configs, CSS custom properties, or component themes that need accessible contrast without guesswork. The skill is instruction-driven—no external API—and fits agent sessions where the agent is rewriting color tokens, button states, or surface hierarchies in existing React, Vue, or plain CSS codebases.356installs

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.

lovropodobnik/refactoring-ui-skill · 1 skills · Skillselion