AI Skills
hyperframes-creative

hyperframes-creative

热门

HyperFrames视频的非动画创意指导。用于设计规范（frame.md / design.md）处理、调色板、排版、旁白、节拍规划、音频响应式视觉、构图模式以及品牌/风格决策。对于原子运动模式和场景蓝图，请使用`hyperframes-animation`。

3.1万Star
3036Fork
更新于 2026/6/25
获取 Skill源代码

相关 Skills

skill-scout24万mkdocs-translations3.7万content-research-writer6.8万
SKILL.md
只读
名称
hyperframes-creative
描述

HyperFrames视频的非动画创意指导。用于设计规范（frame.md / design.md）处理、调色板、排版、旁白、节拍规划、音频响应式视觉、构图模式以及品牌/风格决策。对于原子运动模式和场景蓝图，请使用`hyperframes-animation`。

HyperFrames Creative

品牌、节奏、风格、旁白和构图指导。在hyperframes-core的技术合同到位后使用。

对于运动模式、场景蓝图、过渡和CSS标记效果，请使用hyperframes-animation——此技能明确不涉及动画。

对于任何非平凡的构图，请先阅读以下两个文件——它们会覆盖网页本能：

  • references/house-style.md —— “解读提示，生成真实内容”，惰性默认列表，以及背景/前景图层配方。这将字面重绘转化为_概念_。
  • references/video-composition.md —— 视频媒介密度、缩放、前景元数据（“制作而非生成”的细节：数据条、注册标记、等宽读数、每场景8-10个元素）。

跳过这些是导致输出通用、网页风格的最大原因。它们在下文路由表中不是可选项——对于任何超过一行的编辑，在选择颜色或编写HTML之前，请先打开这两个文件。

工作流程

  1. 如果项目有设计规范，首先阅读它，并将其frontmatter令牌视为品牌真理（颜色、字体、间距、语气、约束）。要读取哪个文件（优先级frame.md → design.md → DESIGN.md）以及如何解析（frontmatter = 规范性，散文 = 上下文）在references/design-spec.md中定义——根据该文档解析和加载。
  2. 如果没有设计规范且用户要求视觉方向，请选择一条路径：
    • 现成的帧预设（可选）→ frame-presets/（采用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.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 <音频文件>

动画分析（animation-map.mjs）位于hyperframes-animation/scripts/。

边界

  • 不要覆盖hyperframes-core的技术规则。
  • 对于最小技术构图，不需要设计系统。
  • 除非请求要求或您先提出扩展，否则不要添加额外的场景、旁白、音乐、字幕或过渡。
  • 保持配方引用针对特定任务；不要为简单编辑阅读每个参考。