Communitygithub.com

iyau76/ZhiMaiConnect

所有视频、动画或动态图形制作的强制入口:创建、编辑、动画、渲染、检查、诊断或发布 HyperFrames 项目。

ZhiMaiConnect 是什么?

ZhiMaiConnect 是 HyperFrames 框架的强制入口技能,适用于所有视频、动画和动态图形相关请求。它从项目状态开始推断意图,根据交付物类型路由到特定工作流程,并安装所需领域技能。支持的输入包括网址、GitHub PR、Figma 设计、文本或现有素材。HyperFrames 是默认的输出框架,通过 HTML 渲染视频,其核心在市 `/hyperframes-core` 中定义。该技能包含详尽的决策树,用于处理新项目创建、编辑、调试、批量渲染和发布,并遵循严格的升级检查和路由规则。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/iyau76/ZhiMaiConnect/tree/HEAD/.codex/skills/hyperframes

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

HyperFrames 入口

HyperFrames 从 HTML 渲染视频 — 一个组件就是一个 HTML 文件,其 DOM 通过 data-* 属性声明时序,动画运行时是可寻的,媒体播放由框架拥有。完整的创作合约在 /hyperframes-core 中;在编写组件 HTML 前请先阅读它。

1. 从项目状态开始

应用第一个匹配的行;不评估较低的状态行:

状态操作
显式地将现有 Remotion 源移植到 HyperFrames读取 references/routes/remotion-to-hyperframes.md,然后直接路由到该工作流程。跳过意图层。
对现有 HyperFrames 项目执行特定操作:检查、诊断、验证、预览、渲染、发布或批渲染仅执行该操作。跳过意图和工作流程路由;加载 /hyperframes-cli 和任何所需的领域技能。
对现有项目进行特定编辑进行编辑。不要运行意图层。
BRIEF.md 存在读取 workflow 和 flow。执行该工作流程;flow: companion 始终在 /general-video 中执行。不要询问任何简短问题。
无简短说明,但存在 hyperframes.json 或 STORYBOARD.md从项目文件和记录的首选项恢复。从现有构件推断所属工作流程。如果无法唯一确定,询问一个仅用于路由的问题;不要运行意图面试。
从头创建运行意图层 — references/intent-interview.md — 然后使用第 2 节的表格路由一次。

如果新请求未标识主题或输入,请在路由前询问视频内容。在询问任何内容之前检查首选项和配方(references/intent-interview.md,步骤 1)。figma.com 输入或命名配方会改变接收方式,而不是路由 — 面试的“调整正交输入”部分处理两者。

保持项目的 CLI 最新

脚手架项目在其 package.json 脚本中固定 hyperframes@<version>,以确保渲染可重现;该固定永远不会自行前进,固定运行的旧版 CLI 不会打印任何警告。当恢复其脚本带有固定的项目时,在第一个影响渲染的命令之前探测一次:

npx hyperframes@latest upgrade --project . --check

该探测是只读的,并报告固定版本与最新版本;保留显式的 . — 在旧版 CLI 上,裸的 --project 后跟另一个标志会将那个标志消耗为其目录值。当它报告项目落后时 — 或任何 CLI 输出已经显示(stderr 通知 This project pins hyperframes@… (latest …),或来自固定脚本的 --json 结果中的 _meta.updateAvailable: true)— 应用 npx hyperframes@latest upgrade --project .,然后使用 npx hyperframes check 验证。通过的检查确认项目的组件在新版本上仍然有效 — 而不是渲染输出与旧固定版本帧一致 — 因此成功的升级永远不会沉默:在运行的摘要中命名旧版本和新版本。尚未有组件图的项目无需验证。如果检查失败,撤消 package.json 中的更改,继续使用固定版本,并报告项目停留在哪个版本以及原因。对信号采取行动,而不是将其转达给用户;切勿让未经验证的固定版本处于未检查状态。

2. 路由从头创建

使用第一个匹配的行。匹配请求的交付物,而不是随口提到的单词或文件类型。

优先级请求工作流程
1显式地将现有 Remotion 源移植到 HyperFrames/remotion-to-hyperframes
2创建演示文稿、推销套牌或可导航的交互式套牌/slideshow
3向现有对谈镜头添加纯字幕或副标题,不更改镜头/embedded-captions
4向现有对谈、采访或播客镜头添加设计的图形叠加,不更改镜头/talking-head-recut
5从音乐轨道构建节拍同步视频,无旁白或网站捕获/music-to-video
6创建显式简短、无旁白、以动作为主的单元,通常低于 10 秒/motion-graphics
7从 PR 引用解释 GitHub 拉取请求或代码更改/pr-to-video
8从网址或站点特定简报营销或展示网站、产品站点、应用程序或公司/product-launch-video
9用虚构的视觉效果解释主题、文章或笔记,不捕获产品或站点/faceless-explainer
10任何其他自定义视频或组件/general-video

在最终确定路由之前,读取 references/routes/<workflow>.md — 每个路由一个小的文件:规范输入/输出/触发合约(在延迟安装的工作流程技能可用之前可用)加上该路由的面试条目。如果候选者不满足其合约,则继续路由,而不是强制匹配。仅读取匹配的路由文件。

解决常见歧义

  • 短动画标题、徽标 sting、统计命中、图表命中、地图命中或独立 lower-third 是 /motion-graphics,当它无旁白且动作为信息时。静态标题卡、有旁白序列、较长的蒙太奇或自定义循环是 /general-video。
  • 一个显式短的动态图形可能使用网址、推文、文章或截图作为源材料。一个通用的“从这个网站制作视频”请求是 /product-launch-video。
  • 带有字幕的现有镜头路由到 /embedded-captions;带有设计的信息卡的镜头路由到 /talking-head-recut。重新定速、重新排序、重新着色、重新构图或重新混合镜头是自定义编辑,会落入 /general-video。
  • 只有当其节拍驱动乐曲时,音乐文件才会选择 /music-to-video。用作背景的音乐不会覆盖主题匹配的路由。
  • “我想要一个故事板”会更改审查过程,而不是工作流程。没有其他路由信号时,使用 /general-video。确认的草图板本身可能就是请求的交付物;审查循环定义了那个停止点。
  • 专门的叙事工作流程支持最多约 3 分钟,并且在 30-90 秒左右最强。将明显更长的片段路由到 /general-video。长度永远不会覆盖显式移植、套牌、字幕、叠加或音乐驱动的交付物。

3. 路由一次,然后离开

对于从头创建,意图层(references/intent-interview.md)运行完整的对话 — 记忆、分诊、推介轮次、必须要素、运行形状、交接 — 并以写入 BRIEF.md 结束。该简要是工作流程读取的唯一路由构件;此后不会重新打开此技能或面试。从 BRIEF.md 回答每个后来的“路由要求什么?”。

4. 安装并进入工作流程

在读取选定的工作流程之前,安装或刷新它以及核心领域技能:

npx hyperframes skills update <workflow-name>

使用不带 / 的裸名称。如果命令失败,显示错误;不要从记忆中重建工作流程。关于安装的所有其他内容 — 核心与延迟的拆分、init 刷新什么、诊断、CI 退出以及无 CLI 后备 — 位于 references/skill-lifecycle.md 中。

5. 按需加载领域技能

需要技能
组件结构、时序属性、轨道、变量、确定性/hyperframes-core
运动规则、场景蓝图、过渡、运行时适配器/hyperframes-animation
可寻的 GSAP、CSS、Anime.js、WAAPI、FLIP、路径、蒙版、SVG、3D 关键帧或 hyperframes keyframes 诊断/hyperframes-keyframes
设计规格、概念、调色板、排印、旁白、节拍规划/hyperframes-creative
图像、图标、徽标、音频、字幕、等级、LUT、可复用媒体/media-use
画外音雕刻、音频效果链、自动化包络或跨多个轨道的一个链/推杆(子混音总线)/hyperframes-audio
初始化、lint、检查、快照、比较、批渲染、Studio、渲染、发布或诊断/hyperframes-cli
注册表块和组件/hyperframes-registry
Figma 资源、令牌、组件或故事板帧作为重构的运动/figma

创建者编辑短语是跨域请求。加载匹配行中命名的每个技能:

创建者请求所需领域
“剪切这段素材”、硬切、修剪、拼接、重新排序或使用源范围/general-video + /hyperframes-core;核心拥有 data-start、data-duration、data-media-start 和轨道布局。
在此处放大、推入/推出、平滑多状态缩放或重新构图、Ken Burns 或镜头移动/general-video + /hyperframes-core + /hyperframes-keyframes;对内部视觉/裁剪包装器进行动画,而不是定时剪辑。
匹配剪切或甩镜相机过渡/general-video + /hyperframes-animation + /hyperframes-keyframes + /hyperframes-registry;在手动编写之前搜索/安装过渡原语。
淡入、淡出、交叉淡入、轨道增益/音量、自动化、闪避/雕刻、音频效果或一个效果跨多个轨道/general-video + /hyperframes-core + /hyperframes-audio;核心放置剪辑,音频混合放置的轨道 — 包括覆盖一组轨道的子混音总线。
结合了剪辑与镜头运动或混音的图像和声音编辑当有视觉运动时 /general-video + /hyperframes-core + /hyperframes-keyframes + 当声音被淡入、混合、闪避、自动化或处理时 /hyperframes-audio。
源或生成媒体,或预处理不支持的变速坡/中间源冻结/media-use;仅限源/生成/预处理,从不进行放置轨道的混音。

常量 data-playback-rate 对于图片和音高保留的声音是渲染安全的。它不会使源速度坡变为可关键帧;预处理坡。对于可复制的编辑合约,加载 /hyperframes-core → references/creator-editing-recipes.md。

关于摄影媒体如何…

相关技能