Morphing Icons

This is part of a larger UI/UX best practices skill that covers animation timing, CSS pseudo-elements, audio feedback, and various interface patterns. The morphing icons section itself is marked as low priority in the taxonomy, which is honest. You'd reference this when building icon components that animate between states, like a hamburger menu transitioning to an X or a play button morphing to pause. The parent skill has 152 rules across 12 categories, so you're getting morphing icon guidance alongside broader animation principles. If you're specifically building animated icon systems, this provides the relevant patterns without needing to filter through unrelated animation rules yourself.

Install to Claude Code

npx -y skills add raphaelsalaja/userinterface-wiki --skill morphing-icons --agent claude-code