morphing-icons

SKILL.md

Build icons that transform through actual shape transformation, not crossfades. Any icon can morph into any other because they share the same underlying 3-line structure.

Every icon is composed of exactly three SVG lines. Icons that need fewer lines collapse the extras to invisible center points. This constraint enables seamless morphing between any two icons.

Icons needing fewer than 3 lines use collapsed lines—zero-length lines at the center:

Cree componentes de íconos donde cualquier ícono se transforme en cualquier otro mediante la transformación de línea SVG. Úselo cuando se le solicite "crear íconos de transformación", "crear transiciones de íconos", "animar entre íconos" o "transformar íconos". Fuente: raphaelsalaja/userinterface-wiki.

Ver original