weread-year-in-review-video-template
WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper texture, editorial Chinese typography, book-page metaphors, data highlights, and deterministic motion.
How do I install this agent skill?
npx skills add https://github.com/nexu-io/open-design --skill weread-year-in-review-video-templateIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill is a video generation template designed to create annual reading reports in a style inspired by WeRead. It uses standard web technologies and a well-known animation library from a reputable CDN, with no detected security risks.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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
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
- Copy
assets/template.htmltoindex.html. - Replace the default report data in the
REPORTobject:- owner/title
- reading hours and active days
- bookshelf and completion stats
- note composition
- interest keywords
- reading persona and share line
- Preserve the 12-scene timeline unless the user asks for a shorter cut.
- 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
- Motion should feel like flipping through a reading journal. Avoid techy slide transitions, bouncy UI effects, and dashboard-loading motion.
- Keep the composition deterministic:
- direct
data-start,data-duration, anddata-track-indexattributes - no unseeded randomness
- no infinite loops or
repeat: -1 - no dependency on scroll, hover, localStorage, or runtime class discovery
- direct
- Validate against
references/checklist.mdbefore emitting.
Output Contract
Emit one short orientation sentence, then a single HTML artifact:
<artifact identifier="weread-year-in-review-video-template" type="text/html" title="WeRead Year in Review Video Template">
<!doctype html>
<html>...</html>
</artifact>
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/nexu-io/open-design/weread-year-in-review-video-template">View weread-year-in-review-video-template on skillZs</a>