<div align="center">

# HyperFrames Motion Director

**An Agent Skill for planning, producing, and reviewing HyperFrames motion videos.**

<img src="skills/hyperframes-motion-director/assets/banner.png" alt="HyperFrames Motion Director" width="100%">

[](./LICENSE) [](./skills/hyperframes-motion-director/SKILL.md) [](https://nodejs.org/)

</div>

## What It Is

HyperFrames Motion Director is an Agent Skill for turning a product story, article, README, website, or launch message into a structured HyperFrames motion-video production.

It defaults to Chinese-first vertical promo videos: `9:16`, `1080x1920`, concise screen copy, controlled visual assets, readable hold frames, and a review step before delivery.

The skill keeps production in two phases:

1. Create a brief/design proposal and wait for confirmation. 2. Generate assets, build the composition, validate snapshots/renders, and write a review report.

## Install

```bash npx skills add geekjourneyx/hyperframes-motion-director ```

## Use

After installation, ask your Agent for a HyperFrames motion video, product launch film, article-to-video piece, or kinetic typography promo.

Example:

```text Turn this README into a 12-second Chinese vertical HyperFrames promo. Start with the brief/design proposal and wait for confirmation. ```

## Local Development

Create a motion-video production scaffold from this repository:

```bash node skills/hyperframes-motion-director/scripts/create_project.mjs ./my-motion-film ```

Create a project with timing and motion maps:

```bash node skills/hyperframes-motion-director/scripts/create_project.mjs ./my-motion-film --with-timing --with-motion ```

## Outputs

The scaffold creates four core production files:

```text BRIEF_DESIGN_PROPOSAL.md Direction, format