Skip to main content
Back to registry

refactoring-ui

wondelai/skills

A practical, opinionated approach to UI design. Apply these principles when generating frontend code, reviewing designs, or advising on visual improvements.

Installs529
Install command
npx skills add https://github.com/wondelai/skills --skill refactoring-ui
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
A practical, opinionated approach to UI design. Apply these principles when generating frontend code, reviewing designs, or advising on visual improvements. Design in grayscale first. Add color last. This forces proper hierarchy through spacing, contrast, and typography before relying on color as a crutch. The foundation: Great UI isn't about creativity or talent -- it's about systems. Constrained scales for spacing, type, color, and shadows produce consistently professional results. Start with too much white space, then remove.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does refactoring-ui do?

A practical, opinionated approach to UI design. Apply these principles when generating frontend code, reviewing designs, or advising on visual improvements.

Is refactoring-ui good?

refactoring-ui does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does refactoring-ui work with?

refactoring-ui currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to refactoring-ui?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install refactoring-ui?

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

Related skills

More from wondelai/skills

Related skills

Alternatives in Software Engineering