用途:为 HyperFrames 视频提供品牌、节奏、风格与构图方向,属于非动画类创意指导。动画模式、场景蓝图、转场与 CSS 标记效果由 hyperframes-motion 负责。
主要能力:处理设计规范文件(frame.md / design.md / DESIGN.md),解析其 frontmatter 作为品牌事实(颜色、字体、间距、语气、约束);提供默认配色、字体、动效与需质疑的惰性默认值;命名风格预设与情绪到风格的路由;调色板颜色令牌;构图模式(画中画、文字置于主体之后、标题卡、幻灯片);数据/信息图呈现;开放式提示的结构化扩展;视频媒介密度、尺度、颜色与画面构图;逐拍方向、节奏规划与转场时机;成稿后的规范校验(颜色、字体、圆角、间距、层次);动效高层护栏与 GSAP 质量规则;字体选择、搭配与渲染视频字体护栏。
使用方式:任何非平凡构图应先读 references/house-style.md 与 references/video-composition.md,二者会覆盖网页直觉。有设计规范时优先读取并按 references/design-spec.md 解析(优先级 frame.md → design.md → DESIGN.md,frontmatter 为规范、正文为上下文)。无规范且用户要求视觉方向时,可选现成 frame-preset、命名风格或快速默认。多场景工作先规划节拍与节奏再写 HTML。脚本 scripts/contrast-report.mjs 用于检查渲染帧的对比度警告,scripts/package-loader.mjs 为配套创意工具支持脚本,需从仓库根目录以显式路径运行。动画分析脚本 animation-map.mjs 位于 hyperframes-motion/scripts/。
限制:不得覆盖 /hyperframes/core 的技术规则;极简技术构图无需设计系统;除非请求要求或先提出扩展,否则不添加额外场景、字幕或转场;简单编辑不必读取全部参考文档。具体安装命令与收费信息暂未提供。