mcpField
8
8-bit-orbit-video-template

8-bit-orbit-video-template

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

关于 8-bit-orbit-video-template

8-bit-orbit-video-template 是用于 Hyperframes 的技能，可通过独立 HTML 模板创建复古像素风视频构图，并规定三场景结构、时长约束和验证步骤。

主要功能

  1. 01三场景视频结构
  2. 02复古像素风格
  3. 03独立 HTML 输出
  4. 04确定性时间轴行为
  5. 05模板验证清单

适用场景

  1. 01制作复古像素风视频
  2. 02定制标题和配色
  3. 03创建节奏明确的三场景构图

安装

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

$npx skills add https://github.com/nexu-io/open-design --skill 8-bit-orbit-video-template

安装后在 Claude Code 中输入/8-bit-orbit-video-template确认已加载。

包含的文件

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

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

详细介绍

Hyperframes 视频模板

交付一个精致的模板模式 Hyperframes 合成，包含可直接使用的默认展示内容和确定性的时间线行为。

资源映射

8-bit-orbit-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

example.html 使用的渲染版 MP4 展示视频托管于 https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4。

工作流

  1. 将 assets/template.html 复制为 index.html。
  2. 保持 3 场景结构和转场节奏不变，除非用户明确要求更改节奏。
  3. 个性化标题、副标题行、标签和配色，同时保留复古像素美学。
  4. 遵守时间限制：每个场景的停留时间都应控制在 3 秒以内。
  5. 确保生成的合成具有确定性行为（不使用未设种子的随机性，不使用无限循环的 GSAP 动画）。
  6. 将所有代码保留在一个 HTML 文件中，并内嵌 CSS/JS。
  7. 输出产物前，根据 references/checklist.md 进行验证。

输出规范

在产物前输出一个简短句子，然后提供一个 HTML 产物：

<artifact identifier="8-bit-orbit-video-template" type="text/html" title="8-Bit Orbit Video Template">
<!doctype html>
<html>...</html>
</artifact>

评论

支持 Markdown