scroll-video-website-skill 可以免费使用吗？用的什么许可证？

scroll-video-website-skill 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

scroll-video-website-skill 还在维护吗？

半年内有更新。scroll-video-website-skill 最近一次提交是在 2026年9月4日。

scroll-video-website-skill 适合用来做什么？

用一段产品演示视频制作落地页。把短片或动态素材做成基于滚动的叙事页面。在现有前端项目中快速原型化滚动回放的视频区块。为已生成的滚动网站帧序列减小文件体积。

scroll-video-website-skill 怎么安装和运行？

安装该技能: npx skills add musoyangrigor/scroll-video-website-skill --skill scroll-video-website 在智能体中使用视频路径运行该技能: $scroll-video-website ./media/product-film.mp4

在哪里获取 scroll-video-website-skill？

源代码和安装说明在 GitHub 上：https://github.com/musoyangrigor/scroll-video-website-skill

musoyangrigor/scroll-video-website-skill

一个 Agent Skill，可将视频转为优化的 WebP 帧序列，并搭建由滚动控制播放的 Canvas 网页。

在 GitHub 查看

Star: 57
Fork: 5
未关闭 Issue: 0
最近提交: 2个月前

这是什么？

Scroll Video Website 是一个可移植的 AI Agent Skill，能把视频转换成全屏网页，用户向前或向后滚动页面即可逐帧播放视频。使用时只需提供视频路径，Agent 会将视频转为优化后的 WebP 帧序列，并生成响应式的滚动控制页面。

生成的页面基于 Canvas 渲染，结合相邻帧混合与渐进式帧加载，前后滚动都能流畅回放。输出默认是仅含画布的简约体验，也可以在路径后附加视觉风格等设计要求。生成内容沿用项目现有技术栈，并支持减少动效的系统偏好设置。

针对已生成的帧序列，该 Skill 还提供交互式优化命令。它会实测素材、试编码示例帧，并在改写文件前给出格式、帧数和画质等设置对体积影响的估算。项目遵循 SKILL.md 格式，可通过 npx skills add 安装。

核心功能

01将视频转换为优化后的 WebP 帧序列。
02支持双向流畅滚动回放，并采用渐进式帧加载。
03生成响应式全视口 Canvas，带相邻帧混合效果。
04遵循减少动效偏好，并保留项目现有技术栈。
05提供交互式优化命令，可在处理前估算各文件的体积变化。

适用场景

用一段产品演示视频制作落地页。
把短片或动态素材做成基于滚动的叙事页面。
在现有前端项目中快速原型化滚动回放的视频区块。
为已生成的滚动网站帧序列减小文件体积。

快速上手

1
安装该技能
npx skills add musoyangrigor/scroll-video-website-skill --skill scroll-video-website
2
在智能体中使用视频路径运行该技能
$scroll-video-website ./media/product-film.mp4

使用前须知

README 未说明将视频转换为 WebP 帧所需的工具或依赖。
需要兼容 Agent Skills 的智能体才能运行，它不是独立应用。

常见问题

scroll-video-website-skill 是什么？: 一个 Agent Skill，可将视频转为优化的 WebP 帧序列，并搭建由滚动控制播放的 Canvas 网页。 Scroll Video Website 是一个可移植的 AI Agent Skill，能把视频转换成全屏网页，用户向前或向后滚动页面即可逐帧播放视频。使用时只需提供视频路径，Agent 会将视频转为优化后的 WebP 帧序列，并生成响应式的滚动控制页面。
scroll-video-website-skill 可以免费使用吗？用的什么许可证？: scroll-video-website-skill 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
scroll-video-website-skill 还在维护吗？: 半年内有更新。scroll-video-website-skill 最近一次提交是在 2026年9月4日。
scroll-video-website-skill 适合用来做什么？: 用一段产品演示视频制作落地页。把短片或动态素材做成基于滚动的叙事页面。在现有前端项目中快速原型化滚动回放的视频区块。为已生成的滚动网站帧序列减小文件体积。
scroll-video-website-skill 怎么安装和运行？: 安装该技能: npx skills add musoyangrigor/scroll-video-website-skill --skill scroll-video-website 在智能体中使用视频路径运行该技能: $scroll-video-website ./media/product-film.mp4
在哪里获取 scroll-video-website-skill？: 源代码和安装说明在 GitHub 上：https://github.com/musoyangrigor/scroll-video-website-skill

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。