·morphing-icons
</>

morphing-icons

Создавайте компоненты значков, в которых любой значок превращается в любой другой посредством преобразования линий SVG. Используйте, когда вас просят «создать морфируемые значки», «создать переходы между значками», «анимировать между значками» или «преобразовать значки».

113Установки·1Тренд·@raphaelsalaja

Установка

$npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill morphing-icons

Как установить morphing-icons

Быстро установите AI-навык morphing-icons в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill morphing-icons
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: raphaelsalaja/userinterface-wiki.

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:

Создавайте компоненты значков, в которых любой значок превращается в любой другой посредством преобразования линий SVG. Используйте, когда вас просят «создать морфируемые значки», «создать переходы между значками», «анимировать между значками» или «преобразовать значки». Источник: raphaelsalaja/userinterface-wiki.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill morphing-icons
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-11

Browse more skills from raphaelsalaja/userinterface-wiki

Короткие ответы

Что такое morphing-icons?

Создавайте компоненты значков, в которых любой значок превращается в любой другой посредством преобразования линий SVG. Используйте, когда вас просят «создать морфируемые значки», «создать переходы между значками», «анимировать между значками» или «преобразовать значки». Источник: raphaelsalaja/userinterface-wiki.

Как установить morphing-icons?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill morphing-icons После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/raphaelsalaja/userinterface-wiki