skills

Collection of reusable skills for skills.sh.

Available Skills

interface-feel-polish

Improves the small interface details that make a frontend feel more polished, readable, and responsive without redesigning it from scratch.

Covers:

• balanced text wrapping for short headings
• concentric border radius for nested surfaces
• contextual icon animation
• crisp text rendering defaults
• tabular numerals for stable metrics
• interruptible state transitions
• split and staggered enter animations
• softer exit animations
• optical alignment fixes
• layered shadows instead of harsh borders
• subtle image outlines

Repository Structure

skills/
└── interface-feel-polish/
    ├── SKILL.md
    └── references/
        └── interface-details.md

Install A Skill

npx skills add https://github.com/Popwers/skills --skill interface-feel-polish

Usage Examples

• "Review this React dashboard and make it feel more polished."
• "Tighten the hover, loading, and exit states on this component."
• "Audit this UI and list the highest-impact polish fixes first."
• "Improve the typography, spacing, and motion details without redesigning the page."

Notes

The interface-feel-polish heuristics are based on the article "Details that Make Interfaces Feel Better" by Jakub Antolak and are translated into practical frontend guidance for audits and implementation work.