Every project I work on has the same kind of issues.
Not big problems.
Small ones.
A button that says “Go” instead of something meaningful
Spacing that feels slightly off
A layout that works… but doesn’t feel clear
Empty states that look like placeholders
Nothing is broken. But something feels unfinished.
And the worst part?
You notice it. But explaining what’s wrong takes longer than fixing it.
The real problem
UI problems are rarely technical.
They’re small decisions:
wording
hierarchy
spacing
clarity
And they keep repeating across projects.
Most of the time, we fix them:
late
quickly
inconsistently
There’s no simple way to review a component and say:
“Here’s exactly what’s wrong, and here’s how to improve it.”
So I built something simple
I made a small tool called FixMyUI.
👉 https://github.com/roynick365/fix-my-ui
👉 https://roynick365.github.io/fix-my-ui
You paste an HTML component, and it gives you:
issues ranked by severity
an improved version
before-and-after changes
reasoning for each fix
That’s it.
Example
Go
Becomes:
Get Started
With explanation:
“Go” is unclear. A more specific label improves usability.
What makes this different
This is not a UI generator.
It doesn’t try to replace your UI.
It helps you improve what you already have.
Why I kept it simple
I didn’t want another tool that does everything.
I wanted something I could use during development:
Paste component
Review issues
Apply fixes
Continue working
No setup. No learning curve.
It’s still early
I’m working on:
better analysis for edge cases
before/after preview
improving output quality
If this sounds useful
Try it, break it, suggest improvements.
👉 https://github.com/roynick365/fix-my-ui
If you’ve ever looked at your UI and thought
“something feels off, but I don’t know what” - this tool is for that moment.
Top comments (0)