用途:HyperFrames Creative 是面向 HyperFrames 视频的创意指导技能,专注于非动画层面的品牌、节奏、风格、旁白与构图方向。它建议在 hyperframes-core 提供的技术约定就位后再使用;运动模式、场景蓝图、转场与 CSS 标记效果属于 hyperframes-animation,本技能有意不涉及动画。
主要能力与流程:对任何非简单的合成,技能要求先阅读 references/house-style.md(解释提示、生成真实内容、懒人默认清单以及背景/前景图层配方)和 references/video-composition.md(视频媒介的尺度、景深与前景细节),以避免产出空荡的网页式布局。若项目已有设计规范,需优先读取,并将其 frontmatter 中的颜色、字体、间距、语气与约束视为品牌事实;读取优先级为 frame.md → design.md → DESIGN.md,解析规则(frontmatter 为规范、正文为上下文)见 references/design-spec.md。若无设计规范且用户需要视觉方向,可选择:采用 frame-presets/ 中的现成预设作为 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 获取原子规则。
参考资料路由覆盖:现成 frame-preset 的采用、默认配色/动效/字体/待质疑的懒人默认值、命名风格预设与情绪到风格的路由、配色专属色彩令牌(palettes/*.md)、构图模式(画中画、文字在人身后、标题卡、幻灯片)、统计与信息图呈现、开放式提示的结构化展开、视频媒介密度与帧构图、逐拍指导与节奏规划、写作后的规范校验(颜色、字体、圆角、间距、景深)、动效高层护栏与 GSAP 质量规则、字体选择与配对及渲染视频字体护栏、故事原则(钩子语言、先价值后证据、故事板即提案、可溯源视觉)、脚本节奏与旁白(开场、数字发音)、预计算音频频段与动效映射。
脚本:scripts/contrast-report.mjs 用于检查渲染帧的对比度警告;scripts/extract-audio-data.py 用于为音频响应式合成预提取音频频段;scripts/package-loader.mjs 为打包创意工具的支持脚本。contrast-report.mjs 先从当前项目解析辅助包,再可引导加载打包的 HyperFrames 包版本;仅当在打包 CLI/技能安装之外运行并需固定引导版本时,设置 HYPERFRAMES_SKILL_PKG_VERSION=<version>。运行示例:python <SKILL_DIR>/scripts/extract-audio-data.py <audio-file>。动画分析脚本 animation-map.mjs 位于 hyperframes-animation/scripts/。
插件安装说明:当本技能位于 HyperFrames 插件内时,在执行 setup 或新鲜度命令前需遵循插件执行规则;独立安装则沿用下方更新说明(资料未给出具体更新步骤)。
边界:不覆盖 hyperframes-core 的技术规则;最小技术合成不要求设计系统;除非请求需要或先提出扩展,否则不额外添加场景、旁白、音乐、字幕或转场;保持参考资料引用与任务相关,简单编辑不必阅读所有参考。