SuperAPI AI 工具集
合作ENAI 行业资讯收藏
Skill 广场hyperframes-creative

hyperframes-creative

设计与创作

查看项目

更新于 10-13 21:28

技能介绍

用途

HyperFrames Creative 是 HyperFrames 体系中的非动画创意指导技能，处理品牌、节奏、风格、旁白与构图方向。它应在 hyperframes-core 建立技术契约之后使用。若需要动效模式、场景蓝图、转场与 CSS 标记效果，应改用 hyperframes-animation——本技能刻意不涵盖动画。

主要能力

技能涵盖以下创意方向：设计规格（frame.md / design.md）的处理与采用，调色板，排版，旁白，节拍规划等。前置元数据 token 被视为品牌事实（颜色、字体、间距、语气、约束）。设计规格文件读取优先级为 frame.md → design.md → DESIGN.md，其中前置元数据为规范性内容，正文为背景信息，具体定义见 references/design-spec.md。

对于任何非琐碎的构图，技能要求首先阅读两份参考：

  • references/house-style.md：包含“解读提示词，生成真实内容”、懒默认清单，以及背景/前景层配方，用于将字面化的重新样式化为概念。
  • references/video-composition.md：视频媒介的尺度、深度与前景细节，说明如何避免空白的网页式布局，且不强加统一元素数量。 技能指出，跳过这两份文档是产出通用、网页感结果的最大原因；对于超出一行编辑的任务，在选择颜色或编写 HTML 前都应打开它们。

使用方式

  1. 若项目存在设计规格，先读取并以前置元数据 token 作为品牌依据，按 references/design-spec.md 解析与加载。
  2. 若无设计规格且用户要求视觉方向，选择一条路径：现成 frame-preset（可选，采用 FRAME.md 作为 frame.md，见 references/design-spec.md）；命名风格或情绪，见 references/visual-styles.md；快速默认，见 references/house-style.md；交互式选择，见 references/design-picker.md。
  3. 多场景工作：在编写 HTML 前规划节拍与节奏，见 references/beat-direction.md；场景转场跳转至 hyperframes-animation/transitions/。
  4. 动效密集工作：先读 references/motion-principles.md（高层护栏），再前往 hyperframes-animation 查看原子规则。

路由表列出各主题对应的参考文档，包括：采用现成 frame-preset、默认调色板/动效/排版与懒默认质疑（house-style）、命名风格预设与情绪到风格路由（visual-styles）、调色板专属颜色 token（palettes/*.md）、构图模式如 PiP、主体后文字、标题卡、幻灯片（composition-patterns）、统计/信息图呈现（data-in-motion）、开放式提示词的结构化扩展（prompt-expansion）、视频媒介密度与尺度（video-composition）、逐节拍方向与节奏规划（beat-direction）、成稿后规格验证（design-adherence）、动效护栏与 GSAP 质量规则（motion-principles）、字体选择与配对（typography）、故事准则（story-spine）、脚本节奏与旁白（narration）、预计算音频频段映射到动效（audio-reactive）。

脚本：

  • scripts/contrast-report.mjs：检查渲染帧中的对比度警告。该脚本优先从当前项目解析辅助包，之后可引导加载随附的 HyperFrames 包版本。仅当在随附 CLI/技能安装之外运行技能并需要显式固定该引导版本时，设置 HYPERFRAMES_SKILL_PKG_VERSION=<version>。
  • scripts/extract-audio-data.py：为音频反应式构图预提取音频频段。
  • scripts/package-loader.mjs：捆绑创意工具的支持脚本。

运行示例：python <SKILL_DIR>/scripts/extract-audio-data.py <audio-file>。动画分析（animation-map.mjs）位于 hyperframes-animation/scripts/。

插件安装：当本技能位于 HyperFrames 插件内时，在设置或新鲜度命令之前遵循插件执行规则；独立安装保留下方更新说明。

适用场景

适用于在技术契约已确定后，为 HyperFrames 视频提供品牌、节奏、风格、旁白与构图方向；包括存在或不存在设计规格时的视觉方向选择、多场景节拍规划、动效密集工作的前期护栏、以及成稿后的设计规格验证。

限制

  • 不得覆盖 hyperframes-core 的技术规则。
  • 极简技术性构图不要求设计系统。
  • 除非请求要求或先提出扩展，否则不添加额外场景、旁白、音乐、字幕或转场。
  • 保持配方引用与任务相关；简单编辑不要读取全部参考。