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.
- skills.sh installs
- 120
- GitHub stars
- 947
- last updated
- Aug 21, 2026
Install
$ npx -y skills add raphaelsalaja/userinterface-wiki --skill morphing-icons --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/raphaelsalaja/userinterface-wiki
- Categories
- DevOps & CI/CD, Documentation
- First seen
- Jun 3, 2026
More from raphaelsalaja/userinterface-wiki
All 8Recommended
More DevOps & CI/CD
openhopnaorsabag/openhopRender an interactive step-by-step diagram of a specific system, feature, codebase, workflow, pipeline, user journey, architecture, idea, or proposed solution u5skills.sh installs
teach-decompilationZhangZhuoSJTU/tiny-decInteractive decompilation course — learn how decompilers work by exploring tiny-dec's 19-stage RV32I pipeline3skills.sh installs
hivemind-graphactiveloopai/hivemindQuery the local code graph (functions, classes, calls, imports) through the Deeplake mount at memory/graph/. Use when the user asks structural questions about t0skills.sh installs
frontend-designagentworkforce/relayCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat0skills.sh installs
Anomaly Detectionaj-geddes/useful-ai-promptsIdentify unusual patterns, outliers, and anomalies in data using statistical methods, isolation forests, and autoencoders for fraud detection and quality monito0skills.sh installsClassification Modelingaj-geddes/useful-ai-promptsBuild binary and multiclass classification models using logistic regression, decision trees, and ensemble methods for categorical prediction and classification0skills.sh installs