🎯

morphing-icons

🎯Skill

from raphaelsalaja/skill

What it does

A Claude Code skill for building icon components that morph between any two SVG icons through true shape transformation rather than crossfades, using SVG path interpolation so any icon can fluidly transition to any other.

📦

Same repository

raphaelsalaja/skill(7 items)

morphing-icons

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add raphaelsalaja/skill --skill morphing-icons

skills.sh Install⚠ Installs to .agents/skills/

npx skills add raphaelsalaja/skill --skill morphing-icons

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/morphing-icons/SKILL.md

SKILL.md

145Installs

AddedApr 29, 2026

View on GitHub Back to Skills

More from this repository6

🎯

12-principles-of-animation🎯Skill

A skill that audits animation code against Disney's 12 principles adapted for web interfaces, checking timing, easing, physics, and staging rules with file:line findings for CSS transitions, Motion/Framer Motion, and other animation implementations.

🎯

mastering-animate-presence🎯Skill

A skill from the userinterface.wiki project providing structured guidance on UI animation and interaction patterns for AI coding agents.

🎯

sounds-on-the-web🎯Skill

A skill from userinterface.wiki that provides guidance and patterns for implementing sound and audio interactions on the web.

🎯

generating-sounds-with-ai🎯Skill

A skill linked to userinterface.wiki that provides resources for AI coding agents.

🎯

to-spring-or-not-to-spring🎯Skill

A skill hosted at userinterface.wiki that provides UI-related guidance and tools for AI coding agents.

🎯

pseudo-elements🎯Skill

A skill from the userinterface.wiki project that provides guidance on working with CSS pseudo-elements for building user interfaces.