OpenMontage HyperFrames Creative Mode 帧级设计规范实战FRAME 令牌体系与 1920×1080 视频排版系统【免费下载链接】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本篇技术指南围绕 OpenMontage 仓库中hyperframes-creative技能体系下的creative-mode帧预设frame preset展开完整解析其设计规范文档 FRAME.md 中定义的 YAML 设计令牌、六种帧版式配方、构图自检清单与宽高比行为并结合仓库内的 frame-showcase.html 参考实现与 caption-skin.html 字幕皮肤还原每一组令牌在实际 CSS 中的落法。读完本文你将能够以帧而非网页幻灯片为单元落地一套 neo-brutalist 风格视频排版系统理解cqw容器单位、硬偏移阴影、双字号阶梯等核心机制并掌握设计规范的消费顺序与渲染前自检流程。一、FRAME.md 的定位视频优先的帧级设计规范1.1 帧frame才是单位不是幻灯片creative-mode/FRAME.md的 frontmatter 开篇即声明了它的身份name: Creative Mode — Frame (video / frame layer) description: Video-first companion to Creative Modes design.md. The unit is the frame (1920×1080), not the slide-in-a-deck. Atoms are identical and sacred — warm cream canvas, 4px ink borders, hard offset shadows (no blur), Archivo Black uppercase at 0.92 line-height, JetBrains Mono taxonomy, Space Grotesk body, the four-accent palette. Composition, frame scale, and aspect-ratio behavior are rewritten for the frame. Motion is out of scope. unit: the frame — 1920×1080 primary; 9:16 and 1:1 documented principle: atoms are sacred · composition is free · numbers come from the script这套规范是 Creative Mode 的帧层video / frame layer——它是为视频 / HyperFrames 项目服务的帧级设计系统是design.md面向网页 / 静态页面的视频优先姊妹文档。两者使用完全相同的文件格式YAML frontmatter Markdown 正文区别只在于帧层把单元从一页 slide 改写为一帧 1920×1080 的画面并把构图、帧缩放、宽高比行为整体重写。规范的三条总纲非常凝练Atoms are sacred原子不可侵犯颜色、字体、边框、阴影等基础令牌是品牌事实逐字引用绝不临场发挥Composition is free构图自由版式、锚点、留白在规则内自由发挥Numbers come from the script数字来自脚本任何数字、百分比、日期都必须来自脚本内容否则一律用占位符。1.2 规范如何被消费SKILL.md 工作流与解析优先级在 SKILL.md 定义的工作流中如果项目带有设计规范第一步就是读取它并把 frontmatter 令牌当作品牌真相colors、fonts、spacing、tone、constraints。文件解析优先级与规范格式统一由 design-spec.md 定义frame.md → design.md → DESIGN.md读取第一个存在的文件忽略其余SPEC$(ls frame.md design.md DESIGN.md 2/dev/null | head -1)关键细节frame.md是视频 / HyperFrames 项目的首选规范多个并存时它胜出frame.md永远是小写不存在FRAME.md变体——帧预设frame-preset以大写FRAME.md模板的形式发布工作流设计步骤把它复制为小写frame.md后再叠加品牌令牌规范只需在 Step 1 加载一次后续的扩张、编写、合规检查都复用已加载的规范。1.3 规范的二层结构frontmatter 是规范层prose 是语境层按照 design-spec.md 的约定一个规范由两层构成且权重不等层级内容消费方式Frontmatter规范层colors、typography、spacing、components等机器可读值逐字引用精确 hex、字体族、字重不得发明或取整Prose语境层Overview、The Frame、Composition Rules 等##章节用于判断何时用、约束是什么提供令牌承载不了的意图creative-mode/FRAME.md完整遵循这一结构frontmatter 承载全部设计令牌正文承载六种帧版式配方与构图规则。1.4 预设目录生态creative-mode 只是十三分之一frame-presets/目录下共 13 个现成帧预设biennale-yellow、blockframe、blue-professional、bold-poster、broadside、capsule、cartesian、claude、cobalt-grid、coral、creative-mode、daisy-days、editorial-forest每个预设文件夹都同时交付FRAME.md模板和frame-showcase.html预览联系表。creative-mode在 design-spec.md 中的画像描述是Neo-brutalist editorial — cream canvas, 4px ink borders, hard offset shadows (no blur), four accents rationed two-to-three, Archivo Black uppercase at 0.92 line-height, JetBrains Mono taxonomy, Space Grotesk body, square corners save one pill chip. Pick when: sparse / graphic / punchy-restrained; a product that wants editorial presence and geometric confidence.这套画像是Risograph 编辑海报 × 朋克小报punk-zine的混合体奶油纸面、近黑墨水、四个满饱和强调色在画面上相撞每一帧都是一块扁平色块构图——没有渐变、没有模糊阴影、没有圆角卡片唯一的圆角是一个药丸胶囊 chip。二、帧的度量尺寸、安全区与容器法则2.1 三种画幅画幅尺寸用途Primary主1920×108016:9所有显示字号以cqw编排px ÷ 1920 × 100 cqwVertical竖1080×19209:16文档化指导Square方1080×10801:1文档化指导2.2 安全区chrome 内缩3.3cqw约 64px 1920——顶栏、页脚等 chrome 元素的内缩线内容槽content gutter5cqw约 96px 1920——正文内容的排布边界没有任何承重元素越过3.3cqw线。2.3 容器法则load-bearing承重规则这是整份规范中最关键的一条工程约定Every frame ground setscontainer-type: size. ALL frame-relative units arecqw/cqh(1cqw 1% of the frames width), resolved against that ground —nevervw.vwmeasures the page viewport, so a frame inflates whenever it isnt rendered full-screen;cqwresolves against the frame at any render size. This is why every size in the display ramp iscqw.vw度量的是页面视口——一旦帧不是全屏渲染vw会让帧内容随页面膨胀变形而cqw只相对帧地面本身解析1cqw 帧宽度的 1%无论帧以什么尺寸渲染都保持等比。这正是显示字号阶梯全部使用cqw的原因。在 frame-showcase.html 的参考实现中这一法则被原样落地.frame { aspect-ratio: 16/9; container-type: size; position: relative; overflow: hidden; border: 4px solid var(--ink); background: var(--cream); }随后所有帧内尺寸都基于这个容器解析chrome 顶/底栏left/right: 3.3cqw、top/bottom: 2.5cqw、字号1.15cqw封面的 display 字号直接用15.5cqw。2.4 令牌换算速查表换算公式px cqw × 1920 ÷ 100。以下换算以 1920 基准为例文档正文习惯将若干cqw值标注为1920的近似 px如0.4cqw标注为 4px、1.25cqw对应硬阴影约 24pxshowcase 实现中也确实使用固定的4px边框与24px阴影令牌cqw 值1920 基准近似 px用途frame-pad3.3cqw~64pxchrome 内缩content-gutter5cqw~96px内容槽grid-gap1.5cqw~28px栅格间距cell-pad1.7cqw~32px卡片内边距0.4cqw边框0.4cqw4px文档标注结构元素描边硬偏移阴影1.25cqw~24px唯一允许的阴影display-hero15.5cqw~298px封面大字display-xl11.0cqw~211px大标题display-lg8.0cqw~154px中等标题display-head4.2cqw~81px小标题 / 头部stat-num6.4cqw~123px统计数字step-num7.0cqw~134px步骤数字三、颜色令牌奶油地面 墨水边框 四强调色3.1 完整色板frontmatter 中的colors块与 showcase 的:rootCSS 变量一一对应令牌Hex角色cream#EFE9D9通用画布温暖永远不是纯白cream-2#E4DCC4凹陷表体填充ledgerink#0F0F0F边框、文字、标尺、chromeink-2#2A2A2A次级正文文字green#1F8A4C主导强调色 结尾板closing plate地面green-dark#136636装饰杠杆上的深度pink#F06CA8高能填充、marker、stamppink-dark#D14E8B阴影侧强调色orange#E85A1F硬阴影颜色 统计填充yellow#F5C518温暖标点、badge、圆3.2 帧尺度的配给规则令牌与来源一致但帧尺度上有一套严格的配给纪律cream是地面ground几乎每帧都是它ink是边框 文字四个强调色green / pink / orange / yellow作为扁平填充每帧只配给 23 个永不四个齐出——碰撞本身就是设计orange同时是硬阴影色green兼任唯一的结尾板地面——它的稀缺就是冲击力禁止引入第五种强调色、使用纯白、使用渐变。四、字体阶梯阅读阶梯与显示阶梯4.1 两个字号阶梯frontmatter 的typography块定义了两套阶梯阅读阶梯reading ramp——chrome 与正文使用同时携带 px cqw令牌字体pxcqwweightlineHeight备注body-lgSpace Grotesk281.464001.4正文大号body-mdSpace Grotesk241.254001.3正文中号mono-labelJetBrains Mono241.25400—tracking 0.06em大写mono-kickerJetBrains Mono241.25400—tracking 0.14em大写table-headArchivo Black281.46400—表头大写显示/英雄阶梯display / hero ramp——帧原生纯cqw编排令牌字体cqwlineHeight备注step-titleArchivo Black1.771.0步骤标题大写badge-labelArchivo Black1.46—徽章标签大写markerArchivo Black2.41.0重点标注块stamp-numArchivo Black2.20.9印章数字stat-numArchivo Black6.40.88统计数字step-numArchivo Black7.00.85步骤数字display-headArchivo Black4.20.92tracking −0.01em大写display-lgArchivo Black8.00.9tracking −0.01em大写display-xlArchivo Black11.00.9tracking −0.01em大写display-heroArchivo Black15.50.84tracking −0.02em大写字标封面专用4.2 三个字体角色Archivo Black显示声音。严格全大写 0.92 行高——字母重叠自身的字身高度这种紧凑感就是品牌本身。句首大写sentence-case的 Archivo Black 不存在。JetBrains Mono承载所有标签、kicker、计数器、坐标轴作为技术制品寄存器technical artifact register。Space Grotesk承载为数不多的正文行。4.3 字号编排三规则可读性下限legibility floor任何承重文字行 ≥1.4cqw约 27px 1920mono chrome 的 1.15cqw 只用于 colophon版权脚注级内容。fit-to-measure随行长缩放标题字号跟随行长。标题块上限≤78cqw绝不触碰安全边距。≤3 词 →display-hero/display-xl4–6 词 →display-lg7 词 →display-head。短行用大字长行逐级降档。大写 0.92 行高所有 Archivo Black 一律如此mono 使用 0.06–0.14em tracking。绝不把 Archivo Black 的 letter-spacing 加到超过编码好的 −0.01em绝不居中正文。五、深度、表面与形状5.1 两种深度装置零模糊帧尺度只有两种制造深度的手段硬偏移阴影hard offset shadow——一个同方向的实心副本偏移约 1.25cqwbox-shadow: 1.25cqw 1.25cqw 0 {colors.orange}, 1.25cqw 1.25cqw 0 0.2cqw {colors.ink};在 showcase 的 marker 实现中对应约 24px.marker { background: var(--pink); border: 4px solid var(--ink); font-size: 46px; box-shadow: 24px 24px 0 var(--orange), 24px 24px 0 4px var(--ink); }色块对比color-block contrast——cream 上放 cream-2、ink 上放 cream、accent 上放 cream。对比足够时不需要阴影。规则每帧最多一个带硬阴影的重点块marker、stamp图表堆叠可以用 0.95cqw 的纯 ink 偏移。天花板ceiling任何地方都不允许模糊阴影、渐变、发光。5.2 形状语言半径用途0所有结构元素——stat cell、step card、表格单元格、marker、面板50%装饰圆、stamp 内环、meta 圆点999px仅限顶栏 pill chip——唯一的圆角例外旋转只允许固定品牌角度badge −4degstamp −6deg六、组件库十个可复用原子frontmatter 的components块定义了十个组件全部可以在 showcase 中找到一一对应的 CSS 实现组件关键视觉说明frame-chromemono 顶栏 meta 页脚顶栏左侧 section 标签 右侧 999px ink 描边 pill 页脚左侧描述 右侧NN • NN计数器0.5cqw ink 圆点分隔。大多数帧都有纯满幅字标节奏若与之冲突可去掉stat-cell扁平强调色/cream 平铺方角、无阴影stat-num mono 标签0.4cqw ink 边框step-cardink 描边卡片顶部巨型 step-num序列在 cream 与强调色间交替以 green 收尾marker-block每帧唯一硬阴影重点块pink 底、ink 文字、签名式 orangeink 硬偏移阴影kicker-block反色眉题 chipink 底 cream 字mono-kicker 字体badge-rotated−4deg 黄色注释刻意不完美的批注感pill-badge唯一圆角元素cream 底、0.2cqw ink 描边、999px 圆角读起来是 chip 而不是卡片stamp−6deg 收尾印章pink 底、cream 描边、约 18cqw 见方、cream 圆形内环comparison-tablecream-2 账本ink 表头行 cream Archivo 标签pink/green 列填充变体0.3cqw 内部标尺decorative-circle黄色装饰圆与 green 面板配对制造形状对比showcase 中 step-card 的序列示范了交替 green 收尾.step-card.cream { background: var(--cream); } .step-card.yellow { background: var(--yellow); } .step-card.pink { background: var(--pink); } .step-card.green { background: var(--green); color: var(--cream); }七、六种帧版式配方Frame Treatments每块版式是一份配方字段约定为ground地面· container容器· composes组成· focal焦点· chrome · accent强调· silence留白· Fixed固定项/ Free自由项· density密度。全部以 1920×1080 编排默认居中可变化锚点每帧只有一个想法。7.1 Wordmark Cover字标封面 · 身份 · 居中Groundcreamframe-padContainer栅格chrome 上下焦点居中Focal两行字标display-hero15.5cqw居中第二行用强调色pink/orangeChromemono 顶栏section 标签 pill meta 页脚描述 01•NNAccent仅第二行颜色可选一个装饰圆从边缘出血Silence约 55% 空 creamFixedArchivo Black 全大写 0.84 lh、字标上一处强调、方角Free用哪个强调色、换行位置、圆是否出血Density稀疏showcase 实现display-hero的 15.5cqw 落点.f-cover h3 { font-family: var(--display); text-transform: uppercase; line-height: 0.84; letter-spacing: -0.02em; font-size: 15.5cqw; text-align: center; }7.2 Big Claim超大宣言 · 尺度 · 左锚Ground一个满幅强调色pink/green/orangecontent-gutterContainerflex声明左锚垂直居中Focal2–3 行宣言display-xl/display-lgink 落在强调色上ink-on-fire绝不用白色Chrome声明上方小号 ink kicker-block mono meta 页脚Accent地面本身就是强调色无第二强调色竞争Silence彩色场约 45% 空Fixed强调色上 ink 文字、fit-to-measure 缩放、文字无阴影Free宣言内容、哪个强调色地面、断词位置Density稀疏——一个想法7.3 Stat Grid统计栅格 · 目录 · 唯一的高密度帧 · 居中Groundcreamcontent-gutterContainer栅格居中display-head下挂一行 3 个 stat-cellFocal一行三个 ink 描边单元格green / pink / orange每个含stat-num mono 标签Accent三个单元格填充——这是命名的密度例外允许一帧三个强调色Silence约 25%刻意紧凑Fixed0.4cqw 边框、方角、单元格无阴影、mono 标签Free三个数字标签、头部文案、选哪三个强调色Density密度例外7.4 Closing Plate结尾板 · 收尾 · 地面切换 · 居中Groundgreen——整段视频唯一的 green 帧frame-padFocal两行display-lg签售语cream色居中Composesframe-chromecream 变体 stampAccent角落一个pinkstamp旋转 −6degcream 内环 stamp-numSilence约 55% 空 greenFixedgreen 地面只留给这一拍、cream-on-green 文字、一个 stampFree签售文案、stamp 文字、stamp 角落位置Density稀疏7.5 Featured Marker重点标注 · 硬阴影焦点 · 左/非对称GroundcreamComposesframe-chrome marker-block 可选 body-md 支撑行Focalpink marker-block携带签名式 orangeink 硬偏移阴影非对称放置Accentpink 块 orange 阴影两个强调色Silence约 50%Fixed每帧恰好一个硬阴影、0.4cqw 边框Freemarker 文案、块位置、可选支撑行Density稀疏7.6 Comparison Ledger对比账本 · 数据 · 矩阵 · 左Groundcreamcontent-gutterComposesframe-chrome comparison-tableFocalcream-2 表格 ink 表头行一个列填充pink 或 green标记胜者Accent唯一的列填充Silence紧凑——第二个密度例外Fixedcream-2 填充、0.3cqw 内部标尺、ink 表头行 cream Archivo 标签Free行内容、哪列填充、文案Density密度例外八、构图规则Do 与 Dont应当Do围绕每帧一个想法构图焦点元素是邻居的3–5 倍眯眼测试默认居中——封面、宣言、统计栅格、结尾板都居中焦点左侧/非对称留给 marker 和 ledger稀疏帧保持45–60% 空只有统计栅格与账本允许高密度每帧使用23 个强调色green地面只留给结尾板硬偏移阴影只花在每帧一个重点块上标题 fit-to-measure 缩放Archivo Black 全大写 0.92 lh禁止Dont不得圆角pill chip 除外不得渐变、模糊、发光不得把 Archivo Black 设为句首大写或把 letter-spacing 加到超过 −0.01em不得在一帧使用全部四个强调色、第五种强调色或纯白不得居中正文标签只能用 JetBrains Mono不得把标题撑到边缘到边缘——长行要降档不得在一帧放两个硬阴影九、宽高比行为版式16:99:161:1Wordmark Cover两行居中更高地堆叠圆置顶居中更紧凑Big Claim声明居左满幅强调色声明置顶强调色满幅声明居中Stat Grid头部在 3 连排之上头部置顶3 个堆叠头部置顶2×2第 4 格Closing Plate签售居中stamp 在角落堆叠stamp 在下居中stamp 在角落Featured Markermarker 非对称marker 居中阴影向下marker 居中Comparison Ledger通栏表格表格滚动到更少列2 列表格每种比例下短边安全区都要守住3.3cqw的 chrome 内缩显示字号按比例重新降档确保任何承重行不低于 1.4cqw 的可读性下限。十、品牌实体、数字与声明两条硬规则Approved Entities授权实体规范源码中没有定义任何真实客户、Logo 或厂商——渲染任何此类标记都用占位符。产品/栏目是内容无关的系统提供的是几何不是品牌。Numerals Claims数字与声明硬规则帧尺度上绝不发明数字、百分比、计数或日期。数据槽渲染为— figure —、{metric}、N×。只有脚本提供时才出现真实数字——统计栅格与账本尤其要放占位符而不是编造的值。十一、渲染前自检清单Pre-Render Self-Audit每一帧在通过任何结构性检查之前先过四道眼球测试Frame Craft BarSquint眯眼——恰好一个元素占主导是其最近邻居的3–6 倍是鸿沟不是斜坡display-hero/display-xl的宣言或stat-num数字绝不出现两个竞争的标题Silence静默——稀疏帧封面、宣言、结尾读起来45–60% 空统计栅格与对比账本是唯一的高密度例外。绝不为了看起来完整填满稀疏帧Restraint克制——稀缺手势每帧只发射一次至多一个硬偏移阴影、23 个强调色永不四个全出、green 地面只留给唯一结尾板Reference参照——目标是Risograph 编辑海报 / 朋克小报版面扁平 ink 描边块、一个巨大宣言、大片 cream失败的样子是圆角、软阴影的 SaaS 功能栅格。渲染前的逐项核对Pre-Render Self-Audit清单Squint——一个元素以 3–5 倍支配其邻居否则重缩放Silence——稀疏帧 45–60% 空只有统计栅格 / 账本高密度Accents——每帧 23 个永不四个全出green 地面只出现在结尾Depth——0 模糊至多一个硬偏移阴影其余用色块对比Geometry——除 pill 外全部方角旋转只在 −4/−6degType——Archivo Black 全大写 0.92 lh、fit-to-measure、承重行 ≥1.4cqwAnchor——默认居中只有 marker ledger 用左/非对称不允许连续 3 帧共用同一锚点Fabrication——每个数字都能追溯到脚本否则用占位符规范之外design-adherence.md 提供了渲染后的合规核查流程逐一检查颜色每个 hex 必须出现在规范色板中、字体字体族与字重匹配无替代、圆角符合声明的角风格、间距在声明的密度范围内、深度阴影符合声明的层级、规避规则Donts 列表中无一项出现发现违规以清单形式报告并修复后再交付预览。十二、令牌如何被下游消费字幕皮肤caption-skin.html示例creative-mode预设的令牌不仅服务正片帧也服务字幕系统。caption-skin.html 是预设自带的卡拉 OK 式下三分之一lower-third karaoke字幕皮肤它通过一套固定的令牌契约消费 frame.md--cap-ink · --cap-canvas · --cap-accent · --cap-accent-2 · --font-display · --font-body · --cap-band-top · --cap-band-height皮肤头部注释说明项目工作流中的captions.mjs会从项目的frame.md注入这套:root令牌因此 Step-2 的品牌叠加会自动流进字幕每个变量都带 creative-mode 的字面量回退值供独立预览使用。皮肤保留三个钩子勿改名.caption-group/.caption-word 状态.is-active/.is-spoken以及根节点data-composition-idcaptions。字幕视觉完美复用了帧规范的语言cream 卡片 4px ink 描边 硬偏移阴影实心同方向 inkorange 副本无模糊——creative-mode 唯一的深度装置方角Archivo Black 全大写、0.92 行高、ink 字形即将播报的词呈淡 ink当前词变成实心黄色 ink 块品牌签名式的硬偏移阴影强调块无模糊ink 字压在上层已播报词沉淀为实心 ink强调块清除。关键 CSS 片段.caption-pill { background: var(--cap-canvas, #efe9d9); border: 4px solid var(--cap-ink, #0f0f0f); border-radius: 0; box-shadow: 14px 14px 0 var(--cap-accent-2, #e85a1f), 14px 14px 0 4px var(--cap-ink, #0f0f0f); } .caption-word.is-active { color: var(--cap-ink, #0f0f0f); background: var(--cap-accent, #f5c518); box-shadow: 0 0 0 0.08em var(--cap-accent, #f5c518); } .caption-word.is-spoken { color: var(--cap-ink, #0f0f0f); background: transparent; box-shadow: none; }实现细节还提示了一个工程坑状态切换使用gsap.set({className})应用在引擎的逐帧 seek 上绝不用tl.call()回调——因为 seek 不会触发 call 回调会导致渲染时状态错误。字幕组全部绝对定位堆叠在同一个带区caption band上同一时间只显示一组通过 opacity 切换帧内容保持在带区之上。十三、已知边界Known Gaps规范末尾明确列出当前版本的边界使用前务必知悉Motion 刻意不在范围内frame.md 只规定构图时间与转场是后续阶段。结尾 green 被描述为一块plate板而不是一个转场。Archivo Black 需要 Google Fonts回退字体是sans-serifCJK 配对Noto Serif SC 900 / NSC 400从来源的 CJK 部分继承。9:16 / 1:1 是指南而非像素锁定每种比例都要实测可读性下限。装饰几何圆、stamp、堆叠块纯 CSS 即可不依赖任何外部图片。十四、进一步阅读仓库中的相关文件规范本体.agents/skills/hyperframes-creative/frame-presets/creative-mode/FRAME.md参考实现可打开预览的帧展示页.agents/skills/hyperframes-creative/frame-presets/creative-mode/frame-showcase.html字幕皮肤.agents/skills/hyperframes-creative/frame-presets/creative-mode/caption-skin.html技能总览与工作流.agents/skills/hyperframes-creative/SKILL.md规范解析与优先级约定.agents/skills/hyperframes-creative/references/design-spec.md渲染后合规核查.agents/skills/hyperframes-creative/references/design-adherence.md无规范时的兜底创作方向.agents/skills/hyperframes-creative/references/house-style.md其余 12 个帧预设.agents/skills/hyperframes-creative/frame-presets/name/FRAME.mdbiennale-yellow、blockframe、blue-professional、bold-poster、broadside、capsule、cartesian、claude、cobalt-grid、coral、daisy-days、editorial-forest如果你的项目需要一个稀疏、图形感强、克制而冲的编辑海报式视频排版系统creative-mode预设是一份开箱即用的完整答案原子令牌保持品牌刚性构图在 Do/Dont 边界内完全自由数字只信脚本——把这份规范复制为项目的frame.md再按照 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），仅供参考