weread-year-in-review-video-template

Generate vertical 9:16 HTML-to-MP4 reading report videos using deterministic HyperFrames motion templates.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#template #HTML #video #reading #GSAP #annual-report #Hyperframes

One-click install

npx skills add https://github.com/nexu-io/open-design --skill weread-year-in-review-video-template

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: weread-year-in-review-video-template
Source: https://github.com/nexu-io/open-design/tree/main/skills/weread-year-in-review-video-template
Command: npx skills add https://github.com/nexu-io/open-design --skill weread-year-in-review-video-template

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gsap, and includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill solves the challenge of creating high-quality, visually consistent annual reading summary videos without manual video editing or complex design software.

Core Features & Use Cases

Deterministic Motion: Uses GSAP-driven animations to ensure consistent, professional-grade transitions for every scene.
WeRead-Inspired Design: Provides a pre-built visual system featuring warm paper textures, editorial typography, and book-page metaphors.
Use Case: Quickly transform reading logs from platforms like Notion, Goodreads, or Readwise into a shareable 12-scene annual report video for social media.

Quick Start

Generate a 9:16 annual reading report video using the provided template with my reading data.

Frequently Asked Questions about weread-year-in-review-video-template

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I customize the reading report data?▼

Modify the REPORT object within the assets/template.html file to update your reading hours, active days, bookshelf stats, and interest keywords.

What video format does this template produce?▼

The template generates a 1080x1920 vertical HTML composition designed for conversion into a 9:16 MP4 video file.

Can I change the number of scenes in the video?▼

The template is structured for a 12-scene timeline; while you can modify the content, the composition is optimized for this specific length and structure.

Why is the motion deterministic?▼

Deterministic motion ensures that every render is identical and predictable, avoiding unseeded randomness or dependency on runtime environment variables.