Make Interfaces Feel Better
Concrete design-engineering details that make interfaces feel polished, from spacing to interaction states.
- What
- Concrete design-engineering details that make interfaces feel polished, from spacing to interaction states.
- Cost
- Free
- Needs
- Use "Make Interfaces Feel Better" with your Muse.
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor: the small design-engineering details that compound into an interface that feels polished instead of flat, generic, cramped, or unfinished. Salvaged from community practice, it gives concrete, checkable rules rather than vague taste: concentric radius for nested rounded surfaces (outer radius equals inner radius plus padding), optical alignment (geometric centering is not always visual centering, so nudge icon buttons and asymmetric glyphs by eye), borders for separation and focus rings with layered shadows reserved for elevation, and complete interaction states for every control (hover, active, focus, enter, exit, loading, empty). Made for reviewing or improving UI spacing, typography, borders, shadows, motion, hit areas, icons, text wrapping, and interaction states across controls, cards, lists, dashboards, navigation, forms, and toolbars. By @affaan-m, listed here with credit to its creator. From the affaan-m/ECC repository (MIT). Honest caveats: pure guidance, nothing to install; the rules are heuristics for optical coherence, not laws of physics, so apply judgment when a layout fights the formula. Skill Harbor never reviews the code, review it yourself before use.
Version:
Install
Copy the install package below, then paste it into MuseWe automatically scan every listing and flag anything suspicious, but we can't review every line of community code. Here's how to check a build yourself before you install it.
Use "Make Interfaces Feel Better" with your Muse. Prerequisites: the Muse app (mobile or web). Pure guidance skill, nothing to install. A UI that feels off, flat, cramped, or unfinished. 1. Open the skill: https://github.com/affaan-m/ECC/blob/main/skills/make-interfaces-feel-better/SKILL.md and copy the full SKILL.md text. 2. Paste it into a chat with Muse and add: "Review [this screen / this component] for polish: [describe it or paste a screenshot description]. Apply the concentric radius, optical alignment, and shadow rules, and list every missing interaction state." 3. Ask Muse for specific before/after recommendations (exact spacing values, radius numbers, shadow layers), not vague advice. Tip: the missing-states check is the highest-value pass. Most "unfinished feeling" UIs are just missing loading, empty, and error states. Safety: a skill is plain-text instructions; it runs nothing by itself. Review any code before committing it, never paste secrets into a chat, and review anything Muse proposes before it acts.
Saved to your recent installs. Find it anytime on /connect.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.