·rive-interactive
*

rive-interactive

Векторная анимация на основе конечного автомата с интерактивностью во время выполнения и веб-интеграцией. Используйте этот навык при создании интерактивной анимации, пользовательского интерфейса, управляемого состоянием, анимированных компонентов с логикой или созданных дизайнером анимаций с управлением во время выполнения. Запускается по задачам, связанным с Rive, конечными автоматами, интерактивной векторной анимацией, анимацией с обработкой ввода, привязкой данных ViewModel или интеграцией React Rive. Альтернатива Lottie для анимаций, требующих конечных автоматов и двусторонней интерактивности.

15Установки·2Тренд·@freshtechbro

Установка

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive

Как установить rive-interactive

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

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

Источник: freshtechbro/claudedesignskills.

Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.

Векторная анимация на основе конечного автомата с интерактивностью во время выполнения и веб-интеграцией. Используйте этот навык при создании интерактивной анимации, пользовательского интерфейса, управляемого состоянием, анимированных компонентов с логикой или созданных дизайнером анимаций с управлением во время выполнения. Запускается по задачам, связанным с Rive, конечными автоматами, интерактивной векторной анимацией, анимацией с обработкой ввода, привязкой данных ViewModel или интеграцией React Rive. Альтернатива Lottie для анимаций, требующих конечных автоматов и двусторонней интерактивности. Источник: freshtechbro/claudedesignskills.

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

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

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

Команда установки
npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive
Категория
*Креатив
Проверено
Впервые замечено
2026-03-09
Обновлено
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

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

Что такое rive-interactive?

Векторная анимация на основе конечного автомата с интерактивностью во время выполнения и веб-интеграцией. Используйте этот навык при создании интерактивной анимации, пользовательского интерфейса, управляемого состоянием, анимированных компонентов с логикой или созданных дизайнером анимаций с управлением во время выполнения. Запускается по задачам, связанным с Rive, конечными автоматами, интерактивной векторной анимацией, анимацией с обработкой ввода, привязкой данных ViewModel или интеграцией React Rive. Альтернатива Lottie для анимаций, требующих конечных автоматов и двусторонней интерактивности. Источник: freshtechbro/claudedesignskills.

Как установить rive-interactive?

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

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

https://github.com/freshtechbro/claudedesignskills

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-03-09