用途:该技能用于 FrameVideo 构图的视觉质量审查(QA),在交付前、布局变更后、添加字幕、放置素材、处理对比度问题或检测动画碰撞时使用。不适用于品牌设计、动画创作、配色字体设计决策或渲染性能问题。
主要能力:通过命令行工具做结构与运行时检查并采样关键帧:npx framevideo lint(结构检查)、npx framevideo validate(运行时与 WCAG AA 对比度审计)、npx framevideo inspect(视觉检查)。密集视频可用 npx framevideo inspect --samples 15,或指定时刻 npx framevideo inspect --at 1.5,4,7.25。还提供动画映射脚本:node .agents/skills/framevideo/scripts/animation-map.mjs <project-dir> --out <project-dir>/.framevideo/anim-map,检查碰撞、离屏、不可见、节奏与死区标志。
使用方式:先检查最拥挤的主视觉帧,再按时间线抽样检查入场、保持与近退场帧,最后运行上述命令并以输出为证据。安全区默认保留约 5% 边距(1920x1080 约水平 96px、垂直 54px),关键文字、Logo、CTA、字幕、人物脸、产品 UI 与价格法务文案避开边缘;有意溢出可用 data-layout-allow-overflow 标记,装饰元素可用 data-layout-ignore 排除审计。对比度要求普通文字至少 4.5:1,大号文字至少 3:1(大号指 24px 以上,或加粗 19px 以上),在现有品牌色系内调整明暗,不为通过对比度另造品牌色。
限制:仅做 QA,不做设计或动画创作决策;绿lint结果不能证明运动视觉安全;对比度告警需人工判定是真实问题还是采样伪影;正文与动画细节以项目自身规则为准。资料未提供价格、平台或效果等更多信息。