AIKraft/AI/Войти
AIKraft/Skills/svg-animation

svg-animation

Этот навык следует использовать, когда пользователь просит «анимировать SVG», «заставить линию рисовать себя», «выполнить анимацию обводки (рисование линии / подпись)», «преобразовать одну фигуру в другую», «переместить элемент по пути», «анимировать иконку/логотип» или «анимировать градиент или фильтр SVG». Охватывает анимацию обводки через stroke-dashoffset, морфинг путей, движение вдоль пути, а также анимированные иконки, градиенты и фильтры с помощью CSS, SMIL и GSAP.

iart-ai official Дизайн

Что делает навык

Этот навык следует использовать, когда пользователь просит «анимировать SVG», «заставить линию рисовать себя», «выполнить анимацию обводки (рисование линии / подпись)», «преобразовать одну фигуру в другую», «переместить элемент по пути», «анимировать иконку/логотип» или «анимировать градиент или фильтр SVG». Охватывает анимацию обводки через stroke-dashoffset, морфинг путей, движение вдоль пути, а также анимированные иконки, градиенты и фильтры с помощью CSS, SMIL и GSAP.

Как подключить

1Скачать навык
# возьмите папку навыка «svg-animation» из репозитория: # https://github.com/iart-ai/web-animation-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r svg-animation/ ~/.claude/skills/svg-animation/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.