HyperFrames Creative 是 HyperFrames 视频工作流中的创意指导技能，定位为「非动画创意方向」，用于品牌、节奏、风格、旁白与构图方向。它适合在 hyperframes-core 提供的技术契约就绪之后使用。涉及运动模式、场景蓝图、转场与 CSS 标记效果的工作，应使用 hyperframes-animation，本技能刻意不处理动画内容。
用途 该技能面向视频创作的创意与视觉方向层面，包括设计规范（frame.md / design.md）处理、调色板、字体排印、旁白、节拍规划等。它强调「解读提示词、生成真实内容」，避免把改写风格做成字面化的网页式输出。
主要能力与关键文档 任何非平凡构图都应首先阅读两份参考文档，它们会覆盖网页直觉：references/house-style.md 提供「解读提示词、生成真实内容」的原则、惰性默认清单以及背景/前景层配方；references/video-composition.md 提供视频媒介的密度、尺度、前景元数据细节（数据条、套准标记、等宽读数，每场景 8–10 个元素）。跳过这两份文档是产生通用、网页感输出的最主要原因，对任何超出单行修改的任务都应先打开二者再选色或写 HTML。
工作流程 若项目已有设计规范，应先读取，并把它 frontmatter 中的 token 视为品牌事实（颜色、字体、间距、语气、约束）。读取哪个文件遵循 frame.md → design.md → DESIGN.md 的优先级，解析方式（frontmatter 为规范性、正文为上下文）定义在 references/design-spec.md。若无设计规范且用户要求视觉方向，可从以下路径中选择：采用现成的 frame-preset（可选，将 FRAME.md 作为 frame.md 采用，见 references/design-spec.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（frame-presets/ 与 references/design-spec.md）；默认调色板、动效、字体排印与需质疑的惰性默认（references/house-style.md）；命名风格预设与情绪到风格的路由（references/visual-styles.md）；特定调色板颜色 token（palettes/*.md）；构图模式如 PiP、主体后文字、标题卡、幻灯片（references/composition-patterns.md）；统计/信息图呈现（references/data-in-motion.md）；开放提示词的结构化扩展（references/prompt-expansion.md）；视频媒介密度、尺度、颜色、画框构图（references/video-composition.md）；逐节拍方向、节奏规划、转场时机（references/beat-direction.md）；撰写后规范校验（颜色、字体、圆角、间距、深度，references/design-adherence.md）；高层动效护栏与 GSAP 质量规则（references/motion-principles.md）；字体选择、搭配、渲染视频字体护栏（references/typography.md）；脚本节奏、语气、开场、数字读法（references/narration.md）；映射到运动的预计算音频频段（references/audio-reactive.md）。
脚本 scripts/contrast-report.mjs 用于检查渲染帧中的对比度警告；scripts/extract-audio-data.py 用于为音频响应型构图预提取音频频段；scripts/package-loader.mjs 为打包创意工具链的支持脚本。应从仓库根目录以显式路径运行，例如：python skills/hyperframes-creative/scripts/extract-audio-data.py <audio-file>。动画分析（animation-map.mjs）位于 hyperframes-animation/scripts/。
适用场景 适用于需要品牌与视觉方向、节奏与节拍规划、旁白与字体排印建议、基于设计规范的构图设计，以及信息图式数据呈现的视频项目；也适用于多场景视频在写 HTML 前的整体规划。
限制 不得覆盖 hyperframes-core 的技术规则；最小技术型构图不应要求设计系统；除非请求明确要求或先提出扩展，不得额外添加场景、旁白、音乐、字幕或转场；参考文档应按任务针对性读取，简单编辑无需阅读全部参考。