用途
HyperFrames Creative 面向 HyperFrames 视频的非动画创意方向,即品牌、节奏、风格、旁白与构图层面的决策。按照资料说明,它应在 hyperframes-core 提供的技术契约就位之后使用。运动模式、场景蓝图、转场与 CSS 标记效果属于 hyperframes-animation,本技能有意不涉及动画。
主要能力
- 设计规范处理:若项目已有设计规范,优先读取,并将其 frontmatter 令牌视为品牌事实(颜色、字体、间距、语气、约束)。文件优先级为 frame.md → design.md → DESIGN.md,解析规则由 references/design-spec.md 统一定义(frontmatter 为规范,散文为上下文)。
- 视觉方向选择:无设计规范时可按路线选择——采用现成 frame-preset(可选,位于 frame-presets/)、按命名风格或情绪走 references/visual-styles.md、快速默认走 references/house-style.md、交互式选择走 references/design-picker.md。
- 节拍与节奏规划:多场景工作应在写 HTML 前规划节拍与韵律,参考 references/beat-direction.md。
- 参考文档体系:涵盖默认调色板与需质疑的懒默认(house-style.md)、命名风格预设(visual-styles.md)、配色令牌(palettes/*.md)、构图模式如画中画、文字位于主体之后、标题卡、幻灯片(composition-patterns.md)、数据/信息图呈现(data-in-motion.md)、开放式提示的结构化扩展(prompt-expansion.md)、视频媒介密度与画面构图(video-composition.md)、成稿后的规范校验(design-adherence.md)、运动高层守则(motion-principles.md)、字体选择与视频渲染字体守则(typography.md)、故事法则(story-spine.md)、脚本节奏与语气(narration.md)、音频反应(audio-reactive.md)。
- 脚本工具: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/。
使用方式
对于任何非简单构图,应先阅读 references/house-style.md 与 references/video-composition.md,资料称跳过这两份是产出通用网页感输出的最大原因。然后按路由表读取任务相关文档,简单编辑不必通读全部参考。插件安装时,在设置或新鲜度命令前需遵循插件执行规则;独立安装保留资料中的更新说明。
适用场景
需要为 HyperFrames 视频确立视觉风格、配色、字体、旁白脚本、节拍节奏与画面构图,或在已有设计规范下保持品牌一致性的创意阶段。
限制
不得覆盖 hyperframes-core 的技术规则;最小技术构图不要求设计系统;除非请求明确或先提出扩展方案,否则不添加额外场景、旁白、音乐、字幕或转场;参考文档应保持任务相关,简单编辑不要通读所有资料。