reframe-motion

Community

Seamless UI motion control for design-to-video workflows.

Authorilya-makarov-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It streamlines the creation and integration of motion and transition effects in design scenes, bridging static design and animated video output.

Core Features & Use Cases

  • Intuitive Animation: Adds entrance, hover, and scroll reveal animations using predefined presets or custom hyperframes compositions.
  • Bridging Static and Video: Manages transitions from simple CSS animations to complex shader effects, enabling scalable motion design workflows.
  • Use Case: A user requests a slide-in hero animation or an audio-synced scene transition; the skill determines the appropriate operation level and either presets in INode-space or raw hyperframes composition for cinematic effects.

Quick Start

Inspect the scene to identify node names, then export animated HTML or MP4 by specifying the desired presets or raw composition parameters accordingly.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: reframe-motion
Download link: https://github.com/ilya-makarov-dev/Reframe/archive/main.zip#reframe-motion

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.