尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

OpenMontage HyperFrames Creative:为 Agent 视频创作注入品牌、节奏与画面编排的创意方向技能全解

OpenMontage HyperFrames Creative:为 Agent 视频创作注入品牌、节奏与画面编排的创意方向技能全解 OpenMontage HyperFrames Creative为 Agent 视频创作注入品牌、节奏与画面编排的创意方向技能全解【免费下载链接】OpenMontageWorlds first open-source, agentic video production system. 12 production pipelines, 100 tools, 700 agent skill and production-knowledge files. Turn your AI coding assistant into a full video production studio.项目地址: https://gitcode.com/GitHub_Trending/op/OpenMontageHyperFrames 是一套HTML 进、MP4 出的声明式视频编排框架而 OpenMontage 的 Agent 技能库.agents/skills/把整套创作能力拆成了分工明确的知识技能。其中hyperframes-creative专管非动画的创意决策——品牌、画风、配色、节奏、旁白与构图方向。本文以 .agents/skills/hyperframes-creative/SKILL.md 为骨架结合其 14 份 references、13 套 frame-presets、9 组配色与 3 个辅助脚本系统讲解该技能的定位、工作流、路由规则与底层设计原则帮助 Agent 与开发者避免产出网页感视频真正做出一帧帧被制作过produced而非被生成generated的画面。技能定位创意方向交给谁动效又交给谁hyperframes-creative的技能描述frontmatter写得很清楚Non-animation creative direction for HyperFrames videos. Use for design specframe.md / design.mdhandling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, usehyperframes-animation.也就是说它承载的是品牌、节奏、画风、旁白与构图方向凡是原子化动效、场景蓝图、转场、CSS marker 特效都应交给同族的hyperframes-animation。SKILL.md 开篇明确这是**刻意非动效intentionally non-animation**的技能使用时必须在hyperframes-core提供的技术契约落地之后再介入且不能覆盖 core 的技术规则。在 OpenMontage 中这是一条清晰的分工链hyperframes-core技术契约data-* 属性、tracks/clips、确定性规则→hyperframes-creative方向与画面→hyperframes-animation动效实现。创意技能夹在中间负责决定要什么而不是怎么动。动手前必读两份override 网页直觉的规范SKILL.md 用醒目的引用块规定任何非平凡画面不止一行的小编辑在选色或写 HTML 之前必须先读两份文档并称跳过它们是产出千篇一律网页感画面的第一大元凶references/house-style.md—— 核心是解读 prompt生成真实内容菜谱要写真实食材、HUD 要有真实读数并列出一份 AI 的惰性默认值lazy defaults清单供自查给出背景层/前景层的配方。它负责把一次字面意义的换皮变成一个概念。references/video-composition.md—— 视频媒介的密度与比例、前景元数据data bars、registration marks、等宽字体读数每场 8–10 个元素即produced, not generated的细节层次。一个判断标准设计规格design spec是品牌不是版式。规格约束品牌色、字体、字重关系与 Dos/Donts但怎么组织一个视频帧由画面语言决定二者不能混用。工作流四步从设计规格到创意落地SKILL.md 的 Workflow 定义了明确的执行顺序有规格就读规格若项目存在设计规格frame.md/design.md先读它并把 frontmatter token 视为品牌事实颜色、字体、间距、语气、约束。读取优先级为frame.md→design.md→DESIGN.md解析方式frontmatter 规范层、prose 上下文由 references/design-spec.md 统一规定。没有规格且用户要视觉方向时选路线现成帧预设可选→.agents/skills/hyperframes-creative/frame-presets/把某个FRAME.md采纳为frame.md命名风格或情绪 → references/visual-styles.md快速默认 → references/house-style.md交互式挑选 → references/design-picker.md。多场景工作先规划节拍与节奏再写 HTML→ references/beat-direction.md转场则跳到hyperframes-animation/transitions/。动效较重的任务先读 references/motion-principles.md高层护栏再进入hyperframes-animation找原子规则。任何非平凡创作请遵循 SKILL.md 反复强调的纪律这两份必读文档不是路由表里的可选项。设计规格解析frontmatter 是规范层prose 是上下文references/design-spec.md 定义了frame.md的本质帧尺度的设计系统是写给视频/HyperFrames 项目的design.md的视频优先版本两者文件格式一致只是frame.md以帧为基本单位重塑品牌。关键规则解析顺序取第一个存在的文件——frame.md→design.md→DESIGN.md。frame.md恒为小写没有FRAME.md变体而 Linux 上design.md与DESIGN.md是两个真实不同的文件不可混用。双层结构YAML frontmatter 承载colors、typography、spacing、components等机器可读的规范值必须逐字引用精确 hex、字体族、字重禁止自造或四舍五入##段落 prose 提供意图与约束上下文用于判断而非取值。一次性加载规格在 Step 1 加载一次后续的扩展、创作、一致性校验都消费这份已加载的规格而不是反复重新解析。从预设起步可选frame-presets/下每套预设都含一个大写FRAME.md模板由工作流的设计步骤复制进项目并叠加品牌 token采纳为小写frame.md。注意参照预设不是必须的自写规格或经 design-picker 生成的规格同样合法。每个预设目录还附带frame-showcase.html预览联系表用来看效果但绝不能进项目。13 套预设覆盖了从文学编辑风到新粗野主义的完整光谱例如预设视觉特征适用场景biennale-yellow暖羊皮纸底、单一深靛蓝墨、太阳黄径向光斑Instrument Serif 400 展示体 1px 细线规则、零圆角零阴影自信 / 氛围感 / 克制博物馆图录式优雅blockframe4px 黑色描边、8px 硬偏移阴影、五种糖果粉彩、Inter 800–900 全大写大胆 / 冲击 / 俏皮响亮blue-professional暖奶油画布 单一钴蓝 #1e2bfa 强调Space Grotesk/Inter无阴影的柔色卡片咨询级克制、高管可读、投资研究质感bold-posterShrikhand 展示体倾斜、Libre Baskerville 衬线正文、四色限制、双描边网格印刷权威、复古份量cartesian1px 灰褐细网格、五块暖石色板、Playfair Display Inter零阴影零填充稀疏 / 文学 / 安静权威claude暖奶油纸面永非纯白、赤陶珊瑚点缀、EB Garamond 衬线展示深思 / 开发者向 / 代码优先coral珊瑚红/墨黑/暖奶油三实体面硬边相接、45° 斜纹、Bebas Neue结构性编辑风、硬朗自信daisy-days3px 炭笔描边、硬偏移阴影、九色阳光花园粉彩 手绘 SVG 元素童趣 / 贴纸式可爱路由表按主题决定读哪份配方SKILL.md 的核心是一张按主题路由的表格——先定位当前任务属于哪个创作维度再按需读取对应 referencesrecipe 引用要任务相关简单编辑不必读全部主题应读文档采纳现成帧预设为frame.md可选.agents/skills/hyperframes-creative/frame-presets/· references/design-spec.md默认调色板、动效、排版、需要质疑的惰性默认值references/house-style.md命名风格预设、情绪到风格的映射references/visual-styles.md特定调色板的颜色 token.agents/skills/hyperframes-creative/palettes/*.md构图模式——PiP、文字在主体之后、标题卡、幻灯片references/composition-patterns.md数据/信息图表类呈现references/data-in-motion.md开放式 prompt 的结构化扩写references/prompt-expansion.md视频媒介的密度、比例、色彩、帧构成references/video-composition.md逐 beat 指导、节奏规划、转场时序references/beat-direction.md创作后规格一致性校验颜色、字体、圆角、间距、深度references/design-adherence.md高层动效护栏与 GSAP 质量规则references/motion-principles.md字体选择、配对、渲染视频的字体护栏references/typography.md脚本节奏、语气、开场、数字读音references/narration.md预计算的音频频段映射到动效references/audio-reactive.md画面语言一House Style 与惰性默认值自查references/house-style.md 定义了无设计规格时的创作起点并强调规格存在时品牌值优先house style 只填空缺。写 HTML 之前先做三件事解读 prompt 生成真实内容、选一个调色板明/暗先声明 bg/fg/accent、选字体可先跑 typography 里的字体发现脚本但它不是唯一来源。需要质疑的惰性默认值——这是 AI 设计特征的即时代名词清单动手前问一句这是为 THIS 内容做的刻意选择还是在默认化它们包括渐变文字background-clip: text 渐变卡片/提示框上的左侧边缘强调条深底青字 / 紫蓝渐变 / 霓虹强调色纯#000/#fff应朝强调色色相加一点色调同尺寸卡片重复的同质卡片网格一切全居中、等权重应引导视线到某处被禁字体完整清单见 typography reference。规则是重意图不重回避——内容真的需要居中来表现庄重结尾、需要卡片呈现真实产品 UI mockup就用关键是有意识的决策而不是无意识的默认。色彩规则明/暗匹配内容食品/健康/儿童 → 浅色科技/影院/金融 → 深色只用一个强调色相全场景统一背景中性色朝强调色倾斜即便极轻微的冷暖也胜过死灰对比度由hyperframes validateWCAG AA强制校验调色板前置声明不要逐元素临时造色。背景层配方每场画面都必须有视觉深度——在内容动效进入时持续可见的装饰元素否则入场错峰阶段会显得空。每场混搭 2–5 个强调色调的低透明度径向光晕带呼吸缩放、幽灵文字主题词 3–8% 透明度、超大、缓慢漂移、强调细线发丝级规则、微妙脉冲、噪点/几何/网格以及主题性装饰太空场景的轨道环、音乐场景的唱片纹、数据场景的网格线。装饰元素必须有缓慢的环境 GSAP 动画呼吸、漂移、脉冲静态装饰会显得死寂。注意每场 2–5 个指的是装饰元素数量若设计规格写每场单一环境动效指的是这些装饰共享一个循环动效而非只放一个元素。快速动效提示0.3–0.6s、变化 easing、入场叠加 transform、错峰进入快速排版提示标题 700–900 字重、正文 300–400衬线无衬线不要两个无衬线标题 60px、正文 20px。配色捷径按品类选色文件均在 .agents/skills/hyperframes-creative/palettes/ 下或直接从 OKLCH 推导——选一个色相在不同明度上构建 bg/fg/accent把所有中性色朝该色相倾斜品类适用文件大胆 / 能量产品发布、社媒、公告palettes/bold-energetic.md温暖 / 编辑叙事、纪录片、案例研究palettes/warm-editorial.md深色 / 高级科技、金融、奢侈、电影感palettes/dark-premium.md干净 / 商务解释视频、教程、演示palettes/clean-corporate.md自然 / 大地可持续、户外、有机palettes/nature-earth.md霓虹 / 电音游戏、科技、夜生活palettes/neon-electric.md粉彩 / 柔和时尚、美妆、生活方式、健康palettes/pastel-soft.md珠宝 / 浓郁奢侈、活动、精致palettes/jewel-rich.md单色戏剧性、以字体为主palettes/monochrome.md画面语言二视频帧不是网页references/video-composition.md 是无论什么品牌都必须遵守的画面宪法密度3 个元素的 beat 会显空8–10 个才活。每场三层结构——背景纹理径向光、超大幽灵字、色块、颗粒、网格永不纯平色、中景内容真正的信息卡片、数据、代码块、图像、前景细节分隔线、标签、数据条、registration marks、等宽元数据。其中约 2 个装饰元素是用户没要求、你必须主动加的——空帧就是坏帧。色彩在场感muted 可以flat 不行。每场至少一个抓眼球的颜色。品牌强调色要可见——不是压缩后就消失的 5% 光晕氛围层 15–25%焦点元素全饱和。浅色画布与深色不同浅底上用更粗的边框2px 实线、更强的结构元素、全饱和强调色命中浅底需要纹理避免空白幻灯片。深底上禁止全屏线性渐变——H.264 压缩下会明显断层改用径向渐变、纯色填充或纯色局部光晕。比例网页尺寸在视频里不可见全线放大元素WebVideo标题32–48px64–120px正文14–16px28–42px标签12px18–24px装饰透明度3–8%12–25%边框1px2–4px内边距16–32px60–140px写小于 24px 的字号必须给出理由写低于 10% 的装饰透明度等于白写。动效强度30fps 下subtle读作静止宁可多动。每场入场用 3 种不同 ease 和方向——若所有元素都从y: 30, opacity: 0进入这场戏没有编舞。帧构成每场至少两个焦点让视线游走填满画面主标题占 60–80% 帧宽锚定边缘居中层叠是网页布局多用分区布局左数据面板右内容、顶部元数据条全幅下方用规则线、分隔线、边框面板制造视觉路径——它们还擅长动效scaleX: 0 → 1。字体内嵌清单、禁忌清单与选择方法references/typography.md 揭示了一个重要的渲染事实HyperFrames 编译器预打包固定字体集写这些font-family会确定性、离线渲染零配置零警告零失败风险清单外的真实 Google Font会在构建期自动抓取内嵌但会触发font_family_without_font_facelint 警告且在分布式/云渲染Lambda中是fail-closed的——Google 不可达就直接报错而非静默替换系统字体。18 个内嵌族只存在所列字重要别的字重会得到合成/回退字重家族字重角色Inter / Roboto / Open Sans / Lato / Nunito400·700或 900无衬线Montserrat / Poppins / Outfit400·700·900几何无衬线Oswald400·700压缩无衬线League Gothic仅 400压缩展示体Archivo Black仅 400重展示体Playfair Display / EB Garamond400·700·900 / 400·700衬线Space Mono / IBM Plex Mono / JetBrains Mono / Source Code Pro400·700等宽Noto Sans JP400·700日文 CJKLeague Gothic 与 Archivo Black只有 400本身就是重型/压缩展示体不要对它们请求 700/900。常见别名会安全映射Helvetica Neue/Arial→ Inter、Futura/Arial Black→ Montserrat、Bebas Neue→ League Gothic、Courier New→ JetBrains Mono、Garamond→ EB Garamond。被禁清单训练数据默认值、LLM 人手一份的文化同质化来源Inter、Roboto、Open Sans、Noto Sans、Arimo、Lato、Source Sans、PT Sans、Nunito、Poppins、Outfit、Sora、Playfair Display、Cormorant Garamond、Bodoni Moda、EB Garamond、Cinzel、Prata、Syne。其中Syne是最有辨识度却最被滥用的展示体是即时 AI 设计信号。Guardrails明知故犯列表不要配对两个无衬线跨界衬线无衬线或无衬线等宽每场只用一个表现性字体字重对比必须极端视频需要 300 vs 900而不是 400 vs 700用视频尺寸正文最小 20px、标题 60px、数据标签 16px。进阶纪律时间即层级最先出现的元素最重要序列取代位置动效即字体同一字体 0.1s 撞击与 2s 淡入是两个信息3 秒屏面按 2 秒可读设计展示字号 tracking 收紧到 -0.03em ~ -0.05em视频编码会压缩细节。数据型画面开启 OpenType 特性.stat-value, .timer, .data-column { font-variant-numeric: tabular-nums; } .recipe-amount, .ratio { font-variant-numeric: diagonal-fractions; } .abbreviation, .unit { font-variant-caps: all-small-caps; } code, .code { font-variant-ligatures: none; }数字竖排对齐离不开tabular-nums否则列对不齐。找字体别默认用已知的先定 register语气再按Trending Sans / Trending Serif / Monospace / Impact Condensed / Script五类动态过滤 Google Fonts 元数据typography.md 提供完整可运行的fontquery.py且首选项会随机打乱避免每次选同一款。Beat 导演把每场戏当成一个世界来描写references/beat-direction.md 的核心主张每个 beat 是一个世界不是一个布局。平庸的 storyboard 描述像素深蓝底、白色 280px 数字、左上角 logo优秀的描述体验镜头已在广袤深色画布上空飞行……$1.9T 猛击进画面力量大到让波浪随之荡漾。先写后者再解决像素。每个 beat 应包含Concept2–3 句话写出这场戏的大想法与隐喻其余一切都由此派生。Mood direction文化/设计参考而非 hex 色码几何、律动、精确——想想 Josef Albers 或包豪斯配色研究。Animation choreography为每个元素指定运动动词动词源于概念与内容而非能量档位。动词词表按物理性格组织撞击/重量SLAMS、CRASHES、DROPS方向/刻意SLIDES、PUSHES、WIPES、CUTS揭示/构建DRAWS、FILLS、COUNTS UP有机/环境FLOATS、DRIFTS、BREATHES、ORBITS机械/精确TYPES ON、LOCKS IN、SNAPS、STEPS。叫不出动词的元素等于还没设计好。文本元素可直接按 ID 引用确定性命名特效如typewriter、kinetic-center-build24 特效词表在 .agents/skills/hyperframes-animation/adapters/animate-text.md。Transition指定本 beat 如何交棒给下一场。选型逻辑——中心场景/品牌时刻用 shader 转场连接性场景用 CSS 转场快速连发清单用硬切。一条经验5–7 拍的品牌片通常只要 1–2 个 shader 转场hero 揭示 CTA太多会稀释冲击力。同一部作品混用 shader 与 CSS crossfade 是支持的省略 transition 条目上的shader即可获得平滑透明度 crossfadeHyperShader 统一管理所有场景可见性并负责创建时间轴不要传预构建的timeline:选项init()之后把全部 tween 加到返回的tl上。Depth layers写明前景/中景/背景每场至少 2 层。SFX cues什么声音落在什么时刻折叠瞬间无人机消失静默然后一声干净的风铃。转场速查CSS 侧提供 30 模式、13 大类Push/slide、Scale/zoom、Radial/clip、3D、Dissolve、Cover/blinds、Light、Distortion、Blur、Mechanical、Grid、Destruction、Other完整实现位于 .agents/skills/hyperframes-animation/transitions/经 catalog.md 路由。常用快选包括速度匹配上推、whip pan、blur through、zoom through 与硬切/碎切时序预设snappy 0.2s、smooth 0.4s、gentle 0.6s、dramatic 0.5s、instant 0.15s、luxe 0.7s。shader 侧内置 14 款 WebGL GPU 特效npx hyperframes add name安装block 名 ≠ shader 名例如domain-warp0.5–0.8s 有机 FBM 溶解、whip-pan10 采样横向运动模糊0.3–0.5s、sdf-irisSDF 圆环展开、cinematic-zoom12 RGB 偏移径向缩放模糊、glitch行位移RGB 分裂扫描调制抽帧闪烁0.3–0.5s。并且——你不受内置清单限制可以写自定义 GLSL、改写 ShaderToy/GLSL Sandbox 代码、自造 CSS 转场storyboard 需要什么就构建什么框架能渲染浏览器能渲染的一切。节奏规划写 HTML 前先声明节奏模式如 fast-fast-SLOW-fast-SHADER-hold。节奏源于 storyboard 与品牌而不是查表15 秒的建筑事务所广告与 15 秒游戏广告节奏必然不同。驱动节奏的问题观众的情绪旅程与峰值在哪、旁白最重的强调落在哪通常能量应在此见顶、品牌自身的视觉节奏是舒缓还是紧迫、时长能支撑几个 beat 而不显得赶或拖。速度匹配转场出场的 beat 用加速 easepower2.in/power3.in 模糊斜坡入场的 beat 用减速 easepower2.out/power3.out 模糊清除两段 easing 曲线的最快点在切点重合观众感知到的是连续相机运动而非两段独立动画出场与入场速度需在约 5% 容差内匹配。运动护栏与载重 GSAP 规则references/motion-principles.md 给出的护栏直指 Agent 反复违反的默认行为不要在每条 tween 上用同一 ease默认power2.out是病同一场中相同 ease 的独立 tween 不超过 2 个。不要统一 0.4–0.5s最慢场景应比最快慢 3 倍。不要所有元素都从y: 30, opacity: 0进入变化方向、缩放、纯透明度、字距。不要每场用同样 stagger、不要每场都用环境缩放静默在动效之后很有力。不要从 t0 开始首个动画偏移 0.1–0.3s零延迟像跳切。ease 是情绪不是技术入场用.out快起慢收、响应感离场用.in慢起加速甩出位移动效用.inOut。方向规则不是可选项——入场 ease-in 会拖沓离场 ease-out 会显得不情愿。速度传达重量0.15–0.3s 能量、0.3–0.5s 专业、0.5–0.8s 重力/奢侈、0.8–2.0s 电影感。场景三幕结构 build / breathe / resolvebuild0–30%错峰入场别一次倒完breathe30–70%内容可见、以一个环境动效存活resolve70–100%退场快于入场。编舞即层级先动的元素被视为最重要按重要性而非 DOM 顺序 stagger总 stagger 序列不超过 500ms。图像不得裸嵌平片加透视倾斜用gsap.set(el, { transformPerspective: 1200, rotationY: -8 })而非 CSStransform: perspective(...)后者会被 GSAP 覆盖、慢推 Ken Burns、设备框包裹、浮动 UI 视差、滚动揭示。文档还记录了一份来自 2026-04-20 两次真实构建事故的载重规则——lint 全绿照样翻车的教训作者必须遵守被采集内容禁用 iframeiframe 不能随时间轴确定性 seek采集引擎无法在其中 scrub渲染出来是冻结/空白的。活网页源用capture/截图做堆叠面板或分层图像不做实时嵌入。同一元素禁止叠加两个 transform tweeny入场 scaleKen Burns 同挂一个img时第二个 tween 的immediateRender: true会在构建期覆写第一个的初始状态tl.from()在 playhead seek 过时间轴末尾时会重置回from状态导致线性播放正常、非线性采集时元素消失。修法合并进一个 tween或拆到父/子元素上!-- GOOD option A: combine into one tween -- script tl.fromTo( .hero, { y: 50, opacity: 0, scale: 1.0 }, { y: 0, opacity: 1, scale: 1.04, duration: beat, ease: none }, 0, ); /script !-- GOOD option B: split across parent child -- div classhero-wrapimg classhero src... //div script tl.from(.hero-wrap, { y: 50, opacity: 0, duration: 0.6 }, 0); // entrance on parent tl.to(.hero, { scale: 1.04, duration: beat }, 0); // Ken Burns on child /script.clip场景内优先tl.fromTo()而非tl.from()gsap.from()默认immediateRender: true在 timeline 构建期就写入from状态早于.clip场景data-start生效非线性 seek 时元素会闪现、从错误位置起步或整个跳过入场。显式fromTo让每个时间位置的取值确定。环境脉冲必须挂到可 seek 的tl不能是裸gsap.to()auras、微光、logo 呼吸若跑在墙钟时间上不随采集引擎 scrubstudio 预览正常但渲染视频里缺席。写成tl.to(.aura, { scale: 1.08, yoyo: true, repeat: 5, duration: 1.2 }, 0)。每个场景边界都要硬杀不只是字幕任何在 beat 边界改变可见性的元素淡出后需要确定的tl.set()收尾tl.to(el, {opacity: 0, duration: 0.3}, beatEnd); tl.set(el, {opacity: 0, visibility: hidden}, beatEnd 0.3);否则同元素的后续 tween 或兄弟 tween 的immediateRender会把它复活。旁白与脚本为 TTS 而写references/narration.md 面向含 VO/TTS 的画面节奏自然语速约 2.5 词/秒。15s ≈ 37 词、30s ≈ 75 词、60s ≈ 150 词给停顿留空间——句间静默是特性不是死区脚本应短于视频。语气像人不像宣传册——用缩写、长短句交错、大声读出来、除非受众预期否则避开黑话。数字读音TTS 逐字读脚本里写你想让它说的词产品内脚本写成135more than one hundred thirty five$1.9Tnearly two trillion dollars99.999%ninety nine point nine percentAPIA P Istripe.comstripe dot com视觉可显示精确数字人声负责口语化。产品片结构为 Hook → Story → Proof → CTA15s 社媒短广告可以是 Hook Proof CTA。开场句是最重要的句子必须 3 秒内制造张力、好奇或意外——大胆断言、挑衅提问、反差、震撼数字节制使用。内置示例62 秒发布片、约 140 词2.3 词/秒用一句话点出了 HyperFrames 的本质A div is a keyframe. Data attributes are your timeline. CSS is your look. G-Sap is your animation engine. 这句值得任何创作者记住。组合模式库四类可直接套用的结构references/composition-patterns.md 提供完整可复制的 HTML/GSAP 配方Picture-in-Picture动画包裹 div的位置/尺寸视频填满包裹层包裹 div不带任何 data 属性视频元素才挂data-start/data-duration/data-track-index。Text-behind-subject透明 webm 叠层npx hyperframes remove-background presenter.mp4 -o presenter.webm产出抠像三层结构——z1 不透明 mp4 基底、z2 全程可见的超大标题先以clip-path隐藏、z3 抠像 cutoutsilhouette 让标题穿身而过。两个关键教训透明度要放在无>python .agents/skills/hyperframes-creative/scripts/extract-audio-data.py audio-file创作完成后用 references/design-adherence.md 做规格一致性校验颜色、字体、圆角、间距、深度动效分析类脚本animation-map.mjs则位于.agents/skills/hyperframes-animation/scripts/。使用边界SKILL.md 最后用四条 Boundaries 约束 Agent 不要越权不要覆盖hyperframes-core的技术规则不要为极简技术组合强行要求设计系统除非请求明确需要或先征得同意提出扩展方案否则不要擅自增加场景、旁白、音乐、字幕或转场recipe 引用要与任务相关——简单编辑不必读全部 references。下一步把方向交给动效hyperframes-creative输出的是经过验证的方向一份被采纳的frame.md或 house style 决策、每场 beat 的概念/动词/深度层、节奏计划与逐场转场意图。当这些决定什么完成把它们交给 .agents/skills/hyperframes-animation/SKILL.md 的原子规则、蓝图与转场目录去决定怎么动。多技能协作的完整入口与技能导航可参见仓库根目录的 skills/INDEX.md 与 AGENTS.md。一句话总结这条创作链hyperframes-core 保证它动得起来hyperframes-creative 决定它为什么值得看hyperframes-animation 让它动得漂亮。对一个希望从字面换皮进化到概念级创作的 Agent 来说先把 SKILL.md 开篇那两份必读真正读进去就是最大的分水岭。【免费下载链接】OpenMontageWorlds first open-source, agentic video production system. 12 production pipelines, 100 tools, 700 agent skill and production-knowledge files. Turn your AI coding assistant into a full video production studio.项目地址: https://gitcode.com/GitHub_Trending/op/OpenMontage创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表