·rive-web
*

rive-web

✓
stevysmith/rive-skillsGitHub: stevysmith/rive-skillsИсточник: stevysmith/rive-skills

Срабатывает при: (1) загрузке или внедрении файлов .riv в Интернет; (2) Используя пакеты @rive-app/canvas или @rive-app/webgl, (3) Управление конечными автоматами Rive из JavaScript, (4) Чтение/запись входных данных Rive или обработка событий, (5) Пользователь упоминает «Rive runtime» или «Rive анимация» в веб-контексте. Лучшие практики по внедрению и управлению анимацией Rive в Интернете используя официальную среду выполнения Rive JavaScript/TypeScript.

stevysmith·rive·web
2Установки·0Тренд·@stevysmith

Установка

GitHub: stevysmith/rive-skills
$npx skills add https://github.com/stevysmith/rive-skills --skill rive-web

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

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

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

Источник: stevysmith/rive-skills.

SKILL.md

Показать raw

Embed and control Rive animations on the web with JavaScript/TypeScript.

| Rive Instance | Main controller for the animation | | State Machine | Interactive logic built in Rive editor | | Inputs | Variables to control state machine (Boolean, Number, Trigger) | | Events | Signals fired by the state machine | | Artboard | Container for animation content |

@file rules/loading.md @file rules/state-machines.md @file rules/inputs.md

Срабатывает при: (1) загрузке или внедрении файлов .riv в Интернет; (2) Используя пакеты @rive-app/canvas или @rive-app/webgl, (3) Управление конечными автоматами Rive из JavaScript, (4) Чтение/запись входных данных Rive или обработка событий, (5) Пользователь упоминает «Rive runtime» или «Rive анимация» в веб-контексте. Лучшие практики по внедрению и управлению анимацией Rive в Интернете используя официальную среду выполнения Rive JavaScript/TypeScript. Источник: stevysmith/rive-skills.

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

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

Команда установки
npx skills add https://github.com/stevysmith/rive-skills --skill rive-web
Источник
stevysmith/rive-skills
Категория
*Креатив
Проверено
✓
Впервые замечено
2026-02-01
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/stevysmith/rive-skills/rive-web

Browse more skills from stevysmith/rive-skills

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

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

Срабатывает при: (1) загрузке или внедрении файлов .riv в Интернет; (2) Используя пакеты @rive-app/canvas или @rive-app/webgl, (3) Управление конечными автоматами Rive из JavaScript, (4) Чтение/запись входных данных Rive или обработка событий, (5) Пользователь упоминает «Rive runtime» или «Rive анимация» в веб-контексте. Лучшие практики по внедрению и управлению анимацией Rive в Интернете используя официальную среду выполнения Rive JavaScript/TypeScript. Источник: stevysmith/rive-skills.

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

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

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

https://github.com/stevysmith/rive-skills

Детали

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

Похожие навыки

rive-react
8 Установки
rive-scripting
5 Установки
rive-generator
4 Установки