claude-teaser-replicator

Community

Build cinematic scrub-safe React animations

AuthorGitnapp
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps create complex cinematic animations without fragile transition state by making every visual frame reproducible from a single timeline value.

Core Features & Use Cases

  • Time-Driven Animation Architecture: Build React animations where scenes are pure functions of time with deterministic frame-by-frame rendering.
  • Cinematic Scene Composition: Create product teasers, keynote-style explainers, and interactive presentations with coordinated text, cursor paths, layers, and transitions.
  • Scrub-Safe Workflows: Design animations that can jump backward, forward, or to any timestamp while maintaining exact visual state.

Quick Start

Use the claude-teaser-replicator skill to create a cinematic React product teaser with scrub-safe timeline control and pure time-based scenes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: claude-teaser-replicator
Download link: https://github.com/Gitnapp/Skills/archive/main.zip#claude-teaser-replicator

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 545,000+ vetted skills library on demand.