Skills
.Work. You
Rest

3d-animation-creator

Community

Create scroll‑driven 3D animation sites from video

Design & Creative#interactive#canvas#ffmpeg#scroll-animation#webdesign#video-to-website
Authoridomyhomework
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building a high‑quality, scroll‑driven animation website from a raw product video traditionally requires manual frame extraction, canvas programming, and intricate UI design, which is time‑consuming and error‑prone.

Core Features & Use Cases

  • Automatic frame extraction using FFmpeg.
  • Canvas‑based rendering that maps scroll position to video playback.
  • Modern UI components including glass‑morphism cards, animated starscape, count‑up stats, and responsive navbar.
  • Customizable design system driven by brand name, logo, accent and background colors provided by the user.
  • Optional sections such as testimonials, confetti bursts, and Three.js card scanner.

Quick Start

Ask the skill to build a scroll‑driven animation site by providing a video file and answering the interview questions.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: 3d-animation-creator
Download link: https://github.com/idomyhomework/shop-fastapi-react/archive/main.zip#3d-animation-creator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.