Weread year in review video template

Skill nexu-io/open-design/skills/weread-year-in-review-video-template

🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

Install

npx -y skills add nexu-io/open-design --skill weread-year-in-review-video-template

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

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.

SKILL.md

3.1 KB, as published. Nobody here has run it

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.html to index.html.
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
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, and data-track-index attributes
- no unseeded randomness
- no infinite loops or repeat: -1
- no dependency on scroll, hover, localStorage, or runtime class discovery
Validate against references/checklist.md before emitting.

Output Contract

Emit one short orientation sentence, then a single HTML artifact: