nexu-io/open-design

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.

77Collecting
See how to use itView GitHub source
npx skills add https://github.com/nexu-io/open-design --skill "skills/weread-year-in-review-video-template"
Automated source guideReview and auditStandard source

Source checked Jul 28, 2026·Refresh due Oct 26, 2026

Reorganized from the pinned upstream SKILL.md

Source-grounded review guide: 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 shareabl…

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

The pinned source supports a structured brief, but not an expanded tutorial. Only detected inputs, outputs, and sections are shown.

248 source words · 3 usable sections

Best fit

  • 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.

Evidence and findings

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

Review workflow

Read weread-year-in-review-video-template through these 3 source sections

Sections are extracted automatically from the pinned SKILL.md and link back to the source.

01

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 ti…

SKILL.md · Workflow
Copy assets/template.html to index.html.Replace the default report data in the REPORT object:owner/title
02

Resource Map

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.

SKILL.md · Resource Map
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.
03

Output Contract

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

SKILL.md · Output Contract
Emit one short orientation sentence, then a single HTML artifact:

Review checklist

Verify each item before delivery

The source section “Workflow” has been checked.

The source section “Resource Map” has been checked.

The source section “Output Contract” has been checked.

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

Choose a different workflow

When another Skill is the better fit

FAQ

What does the weread-year-in-review-video-template source document cover?

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 shareabl…

How do I install weread-year-in-review-video-template?

The source record exposes this install command: npx skills add https://github.com/nexu-io/open-design --skill "skills/weread-year-in-review-video-template". Inspect the command and pinned source before running it.

Repository stars
82,073
Repository forks
9,485
Quality
77/100
Source repository last pushed

Quality breakdown

Based on traceable docs and repository signals; stars are not treated as quality.

77/100
Documentation24/30
Specificity16/25
Maintenance20/20
Trust signals17/25

Compare before choosing

Related Agent Skills and source variants

These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.

View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 1 min

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

  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:

<artifact identifier="weread-year-in-review-video-template" type="text/html" title="WeRead Year in Review Video Template">
<!doctype html>
<html>...</html>
</artifact>
Skill path
skills/weread-year-in-review-video-template/SKILL.md
Commit SHA
89d6d4ef21ba
Repository license
Apache-2.0
Data collected