Trigger when: (1) User wants to create a Rive animation programmatically, (2) User mentions "generate .riv file" or "create Rive animation", (3) User wants to see a visual animation created from code, (4) Working with the rive-generator project. Generate .riv files programmatically using TypeScript. Creates static shapes and animations. Requires npm package @stevysmith/rive-generator.
Install
npx skills add NeverSight/learn-skills.dev --skill rive-generatornpx skills add NeverSight/learn-skills.dev --skill rive-generator -a claude-code -gnpx skills add NeverSight/learn-skills.dev --skill rive-generator -a codex -ggemini skills install https://github.com/NeverSight/learn-skills.dev.git --path data/skills-md/stevysmith/rive-skills/rive-generatorgh skill install NeverSight/learn-skills.dev rive-generatorgit clone --depth 1 https://github.com/NeverSight/learn-skills.dev /tmp/NeverSight__learn-skills.dev
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/NeverSight__learn-skills.dev/data/skills-md/stevysmith/rive-skills/rive-generator ~/.claude/skills/rive-generator # Claude Code
cp -R /tmp/NeverSight__learn-skills.dev/data/skills-md/stevysmith/rive-skills/rive-generator ~/.agents/skills/rive-generator # Codex, Cursor, Gemini CLI, Copilot, OpenCode