make-interfaces-feel-better
Apply concrete design-engineering details that make interfaces feel polished
by affaan-mFree
Description
make-interfaces-feel-better is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It applies small design-engineering details that together make an interface feel finished: spacing, typography, borders, shadows, motion, and the states of a component. It starts with concentric radius, where nested rounded corners share a centre so the inner corner reads as correct. The skill is used when a person says a UI feels off, flat, generic, cramped, jumpy or unfinished, when building controls, cards, lists, dashboards, navigation, forms or toolbars, when a component needs hover, active, focus, enter, exit, loading or empty states, and when a frontend review needs specific before and after changes. Its text notes that it was salvaged from a stale community pull request. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source, and the skills.sh listing shows all three security audits passing.…
Highlights
- Concentric radius for nested corners
- Spacing, typography, borders and shadows
- Hover, focus, loading and empty states
- Before and after review recommendations
Ratings & Reviews
No ratings yet
Be the first to rate make-interfaces-feel-better.
People also visit
fixing-motion-performance
Audit and fix animation performance issues including layout thrashing
webapp-testing
Test local web applications using Playwright for UI verification and debugging
click-path-audit
Trace every user-facing button/touchpoint through its full state change sequence
make-interfaces-feel-better FAQ
What does the make-interfaces-feel-better skill do?
It gives an agent concrete design-engineering details to make a UI feel more polished, covering spacing, type, borders, shadows, motion and component states.
What is concentric radius?
A rule that nested rounded corners share a centre, so the inner corner looks right inside the outer one. It is the first core principle in the skill.
When should I use it?
When a UI feels off, flat, cramped or unfinished, or when building common controls and reviewing frontend work.
How do I install it?
Run: npx skills add https://github.com/affaan-m/ecc --skill make-interfaces-feel-better
Is it free?
Yes. It is free and open source.
Are there security findings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all passing.
What are the best make-interfaces-feel-better alternatives?
Popular alternatives to make-interfaces-feel-better include frontend-design, uizze-ui and fixing-motion-performance. See all make-interfaces-feel-better alternatives