HyperFrames Creative 是面向 HyperFrames 视频的非动画创意指导技能，主要处理品牌、节奏、风格、旁白与构图方向。它定位在技术契约（hyperframes-core）之后使用；若需运动模式、场景蓝图、转场与 CSS 标记效果，则应使用 hyperframes-animation，本技能有意不涉及动画。
【用途与前置阅读】 任何非简单构图都应先阅读两份参考文档，它们会覆盖一般的网页直觉：references/house-style.md（“解读提示词、生成真实内容”、惰性默认清单、背景/前景图层配方），用于把字面重绘变成概念；references/video-composition.md（视频媒介密度、尺度、前景元数据，即“制作感而非生成感”的细节，如数据条、注册标记、等宽读数、每场景 8-10 个元素）。跳过这两份文档是产出“网页感”泛化结果的最大原因。
【工作流程】 若项目已有设计规格，先读取它，并将其 frontmatter 标记视为品牌事实（颜色、字体、间距、语气、约束）。读取优先级为 frame.md → design.md → DESIGN.md，解析方式（frontmatter 为规范性内容，正文为上下文）在 references/design-spec.md 中统一定义。 若无设计规格且用户要求视觉方向，可选择一条路线：现成 frame-preset（可选，见 frame-presets/ 与 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.md：frame-presets/、references/design-spec.md；默认配色、运动、字体与需质疑的惰性默认：references/house-style.md；命名风格预设与情绪到风格的路由：references/visual-styles.md；配色专用颜色标记：palettes/*.md；构图模式（画中画、文字置于主体后、标题卡、幻灯片）：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/。
【边界与限制】 不得覆盖 hyperframes-core 的技术规则；最小技术构图不要求设计系统；除非请求需要或先提出扩展，否则不添加额外场景、旁白、音乐、字幕或转场；配方引用应保持任务相关，简单编辑不要阅读所有参考文档。