nexu-io avatar

Weread Year In Review Video Template

A vertical video template that turns reading data into a WeRead-style annual report. You feed it hours read, active days, bookshelf stats, notes, and keywords, and it renders a 9:16 HyperFrames composition with 12 scenes: warm paper textures, ink-blue typography, book-page transitions, and restrained green accents. The motion feels like flipping through a journal, not swiping through a dashboard. Everything is deterministic with explicit timing attributes, no randomness or loops. You get three files out of the box: a template, an example, and an index ready to customize. Good for Goodreads exports, Readwise recaps, Notion reading logs, or any year-end book data you want to make shareable without building the layout from scratch.

skills.sh installs
2.5K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Git & Pull Requests, Code Review & Quality, Design & UI/UX, Video & Audio Editing
First seen
Jul 14, 2026

More from nexu-io/open-design

All 217
1owl-listener avatarwireframe-specowl-listener/designer-skillsSpecify wireframe layouts with content priority, component placement, and annotation.2.5Kskills.sh installs
2isjiamu avatargzh-designisjiamu/gzh-design-skill微信公众号文章排版引擎,将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取,自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / 2.4Kskills.sh installs
3modelcontextprotocol avatarcreate-mcp-appmodelcontextprotocol/ext-appsThis skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs2.3Kskills.sh installs
4nexu-io avatargsap-performancenexu-io/open-designOfficial GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or w2.3Kskills.sh installs
5enzed avatarr3f-animationenzed/r3f-skillsReact Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motio2.2Kskills.sh installs
6cocoon-ai avatararchitecture-diagramcocoon-ai/architecture-diagram-generatorCreate polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or netwo2.2Kskills.sh installs