Weread Year In Review Video Template
Spin up a deterministic 9:16 HyperFrames annual reading recap video with warm paper visuals and editorial motion for sharing.
Install
npx skills add https://github.com/nexu-io/open-design --skill weread-year-in-review-video-templateWhat is this skill?
- WeRead-inspired 9:16 HyperFrames HTML-to-MP4 vertical annual reading reports
- Warm paper texture, editorial Chinese typography, and book-page scene metaphors
- Deterministic motion for stats, notes, keywords, and a final reading persona card
- HyperFrames od surface: template mode with html preview (example.html) and debounced reload
- Outputs: index.html primary plus template.html and example.html; file_write capability required
Adoption & trust: 324 installs on skills.sh; 61.8k GitHub stars; 3/3 security scanners passed (skills.sh audits).
Recommended Skills
Video Editagentspace-so/runcomfy-agent-skills
Image To Videoagentspace-so/runcomfy-agent-skills
Image Editagentspace-so/runcomfy-agent-skills
Flux Kontextagentspace-so/runcomfy-agent-skills
Nano Banana 2agentspace-so/runcomfy-agent-skills
Nano Banana Editagentspace-so/runcomfy-agent-skills
Journey fit
Common Questions / FAQ
Is Weread Year In Review Video Template safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.
SKILL.md
READMESKILL.md - Weread Year In Review Video Template
# WeRead Year in Review Video Template Create a vertical HyperFrames composition for annual reading reports: WeRead, Goodreads, Readwise, Notion reading logs, book clubs, or personal learning recaps. The template turns reading time, active days, bookshelf assets, notes, keywords, and a reading persona into a shareable 9:16 video. ## Resource Map ```text weread-year-in-review-video-template/ ├── SKILL.md ├── assets/ │ └── template.html ├── references/ │ └── checklist.md └── example.html ``` The rendered MP4 showcase used by `example.html` is hosted at `https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4`. ## Workflow 1. Copy `assets/template.html` to `index.html`. 2. Replace the default report data in the `REPORT` object: - owner/title - reading hours and active days - bookshelf and completion stats - note composition - interest keywords - reading persona and share line 3. Preserve the 12-scene timeline unless the user asks for a shorter cut. 4. Keep the WeRead-inspired visual language: - warm paper background - ink-blue typography - restrained WeRead green accents - book pages, bookmarks, highlights, note cards, and shelf metaphors 5. Motion should feel like flipping through a reading journal. Avoid techy slide transitions, bouncy UI effects, and dashboard-loading motion. 6. Keep the composition deterministic: - direct `data-start`, `data-duration`, and `data-track-index` attributes - no unseeded randomness - no infinite loops or `repeat: -1` - no dependency on scroll, hover, localStorage, or runtime class discovery 7. Validate against `references/checklist.md` before emitting. ## Output Contract Emit one short orientation sentence, then a single HTML artifact: ```xml <artifact identifier="weread-year-in-review-video-template" type="text/html" title="WeRead Year in Review Video Template"> <!doctype html> <html>...</html> </artifact> ```