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.
Scanned 9/3/2026
Install to Claude Code
Skills Directorynpx -y skills add nexu-io/open-design --skill weread-year-in-review-video-template --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Weread Year In Review Video Template?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/nexu-io-weread-year-in-review-video-template)More formats (shields.io, HTML) on the badges page.
---
name: weread-year-in-review-video-template
description: |
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.
triggers:
- "WeRead year in review"
- "WeRead annual report"
- "reading year in review video"
- "annual reading report template"
- "微信读书年度报告"
- "读书年度总结视频"
- "阅读年报 HyperFrames"
od:
mode: template
surface: video
type: hyperframes
platform: mobile
preview:
type: html
entry: example.html
reload: debounce-100
design_system:
requires: false
outputs:
primary: index.html
secondary:
- template.html
- example.html
example_prompt: "Create a WeRead-style 9:16 HyperFrames annual reading report video with 12 scenes, warm paper texture, book-page transitions, reading stats, notes, keywords, and a final reading persona card."
capabilities_required:
- file_write
---
# 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>
```
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
