mcpField
W
weread-year-in-review-video-template

weread-year-in-review-video-template

github.com/nexu-io创意与媒体104.6k2.4k 次安装今天更新
代码仓库

关于 weread-year-in-review-video-template

用于根据阅读记录和素材制作竖屏年度阅读回顾视频的 Skill，指导构建具有阅读手账风格的 12 场景 HyperFrames 作品，并强调确定性呈现。

主要功能

  1. 01制作 9:16 年度阅读视频
  2. 02自定义报告数据
  3. 0312 场景时间线
  4. 04确定性动画规范
  5. 05按清单进行验证

适用场景

  1. 01将 WeRead 数据制成年度回顾
  2. 02用 Goodreads 或 Readwise 数据制作阅读视频
  3. 03分享个人学习或读书会回顾

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/nexu-io/open-design --skill weread-year-in-review-video-template

安装后在 Claude Code 中输入/weread-year-in-review-video-template确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

example.html
assets/
template.html
references/
checklist.md

详细介绍

WeRead 年度回顾视频模板

创建用于年度阅读报告的竖屏 HyperFrames 合成：WeRead、Goodreads、Readwise、Notion 阅读日志、读书会或个人学习回顾。此模板会将阅读时长、活跃天数、书架素材、笔记、关键词和阅读人格制作成可分享的 9:16 视频。

资源映射

weread-year-in-review-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

example.html 使用的渲染 MP4 展示视频托管在 https://repo-assets.open-design.ai/resources/videos/skills/weread-year-in-review-video-template/default-showcase.mp4。

工作流

  1. 将 assets/template.html 复制为 index.html。
  2. 替换 REPORT 对象中的默认报告数据：
    • 所有人／标题
    • 阅读时长和活跃天数
    • 书架和完成情况统计
    • 笔记构成
    • 兴趣关键词
    • 阅读人格和分享语
  3. 除非用户要求缩短版本，否则保留 12 个场景的时间线。
  4. 保持受 WeRead 启发的视觉风格：
    • 温暖的纸张背景
    • 墨蓝色字体
    • 克制使用 WeRead 绿色点缀
    • 书页、书签、荧光标记、笔记卡片和书架意象
  5. 动效应给人翻阅阅读手账的感觉。避免科技感的幻灯片转场、弹跳式 UI 效果和仪表盘加载动画。
  6. 保持合成结果确定：
    • 直接设置 data-start、data-duration 和 data-track-index 属性
    • 不使用未设定种子的随机数
    • 不使用无限循环或 repeat: -1
    • 不依赖滚动、悬停、localStorage 或运行时类名发现
  7. 输出前根据 references/checklist.md 进行验证。

输出约定

先输出一句简短的方向说明，然后输出一个 HTML 成品：

<artifact identifier="weread-year-in-review-video-template" type="text/html" title="WeRead Year in Review Video Template">
<!doctype html>
<html>...</html>
</artifact>

评论

支持 Markdown