← All skills

refactoring-ui

100 / 100 · Low risk

Fine to try.

By wondelai/skills (GitHub) · coding · 2,667 stars · scanned at commit d8d5d75

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shado…

Works with any agent that supports SKILL.md skills.

What this skill can do

We found nothing in the files we read that matches our rules. That does not prove the skill is safe: see the limits of static scanning.

Other copies in this repository

wondelai/skills has 2 more folders with a skill named refactoring-ui. This page shows the lowest-scoring copy.

• plugins/ux-design/skills/refactoring-ui 100/100 · Low risk
• plugins/wondelai-skills/skills/refactoring-ui 100/100 · Low risk

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'refactoring-ui' ] || [ -L ~/.agents/skills/'refactoring-ui' ]; then echo 'A skill folder named refactoring-ui already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/wondelai/skills' "$d" && git -C "$d" checkout --quiet 'd8d5d75f83da9f16d8aad5bab5f5b341a4770a30' -- 'refactoring-ui' && mkdir -p ~/.agents/skills && cp -R "$d"/'refactoring-ui' ~/.agents/skills/'refactoring-ui' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'refactoring-ui' ~/.claude/skills/'refactoring-ui' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for wondelai/skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/wondelai/skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/wondelai/skills/)

Score history