·rive-react
</>

rive-react

Запускается, когда: (1) используется @rive-app/react-canvas или @rive-app/react-webgl, (2) Используя хук useRive или RiveComponent, (3) Создание компонентов React с анимацией Rive, (4) Пользователь упоминает «Rive React» или «useRive», (5) Реализация анимации прокрутки или параллакса с помощью Rive. Лучшие практики по интеграции анимации Rive в приложения React используя официальный пакет Rive React. Охватывает крючки, макет и анимацию прокрутки.

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

Установка

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

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

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

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

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

@file rules/use-rive.md @file rules/callbacks.md @file rules/layout.md @file rules/scroll-animations.md

Запускается, когда: (1) используется @rive-app/react-canvas или @rive-app/react-webgl, (2) Используя хук useRive или RiveComponent, (3) Создание компонентов React с анимацией Rive, (4) Пользователь упоминает «Rive React» или «useRive», (5) Реализация анимации прокрутки или параллакса с помощью Rive. Лучшие практики по интеграции анимации Rive в приложения React используя официальный пакет Rive React. Охватывает крючки, макет и анимацию прокрутки. Источник: stevysmith/rive-skills.

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

Сертификация безопасности для надёжного и безопасного кода Установка в один клик с упрощённой настройкой Совместимо с Claude Code, Cursor, OpenClaw и другими

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

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

Команда установки
npx skills add https://github.com/stevysmith/rive-skills --skill rive-react
Источник
stevysmith/rive-skills
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from stevysmith/rive-skills

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

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

Запускается, когда: (1) используется @rive-app/react-canvas или @rive-app/react-webgl, (2) Используя хук useRive или RiveComponent, (3) Создание компонентов React с анимацией Rive, (4) Пользователь упоминает «Rive React» или «useRive», (5) Реализация анимации прокрутки или параллакса с помощью Rive. Лучшие практики по интеграции анимации Rive в приложения React используя официальный пакет Rive React. Охватывает крючки, макет и анимацию прокрутки. Источник: stevysmith/rive-skills.

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

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

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

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

Детали

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