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:

Erstellen Sie Symbolkomponenten, bei denen sich jedes Symbol durch SVG-Linientransformation in jedes andere verwandelt. Verwenden Sie diese Option, wenn Sie aufgefordert werden, „Morphing-Symbole zu erstellen“, „Symbolübergänge zu erstellen“, „zwischen Symbolen zu animieren“ oder „Symbole zu transformieren“. Quelle: raphaelsalaja/userinterface-wiki.

Original anzeigen