用途:把任意可用的参考视频转成“构建者就绪”的提示词,描述视频展示了什么、如何运动、应如何重建,以及需要哪些素材或生成媒体。默认输出一段可直接粘贴的提示词,除非用户要求文章、素材包或实现方案。
主要能力:定位视频来源(本地路径、上传文件、URL、浏览器可见视频、文章素材或仓库媒体);对本地文件用 ffprobe 读取时长、尺寸、帧率、编码与大小,用 ffmpeg 抽取代表性帧,例如: ffprobe -v error -show_entries format=duration,size:stream=width,height,r_frame_rate -of json "$VIDEO" mkdir -p /tmp/video-frames ffmpeg -y -i "$VIDEO" -vf fps=1 /tmp/video-frames/frame-%03d.jpg 长视频或滚动较多的视频还会抽取开头、中间、结尾及可见转场时刻。
分析分层:故事(页面/应用目的、情绪弧线、区块顺序、节拍转场)、屏幕与布局(视口取景、网格、吸顶区、卡片、媒体、覆盖层、边距、导航、页脚)、运动(揭示时序、缓动、视差、遮罩、固定区块、滚动擦除、悬停/点击状态、循环环境动效、镜头运动)、视觉设计(字体、配色、表面、边框、阴影、纹理、图标、图像/视频处理)、技术重建(CSS/原生 API、IntersectionObserver、Web Animations API、GSAP ScrollTrigger、Lenis、Framer Motion/Motion One、Three.js/WebGL、canvas、video currentTime 擦除、轮播等)、无障碍与性能(减少动效、移动端行为、触摸/键盘状态、懒加载、视频预加载、像素比上限、静态回退)。
素材规划:产出素材映射,包含给定时的确切 URL、使用的本地文件名,或待生成素材的占位名;如需 AI 素材,分别生成图像板、视频片段、WebGL/canvas 元素、海报、精灵图、遮罩与纹理叠加的提示词;用户指定模型或 API 时原样保留,并区分图像与视频提示词。
输出模式:仅提示词(可附简短素材映射);文章(content.md 加本地帧/视频证据、清单与提示词);实现简报(提示词后附构建计划与 QA 清单);素材生成包(拆分为背景图、视频片段、精灵图/WebGL、海报与最终页面提示词)。
限制:视频被引用但无法访问时,应先索要确切文件或 URL,不得编造细节;提示词需明确区分精确重建与灵感改编;需包含移动端与减少动效行为,并指出应避免的通用落地页区块、装饰性色块、不匹配的图库素材、需要滚动擦除却仅自动播放的视频、文字重叠等反模式。参考资料 references/superprompt-template.md 用于从零撰写最终提示词或用户要求“完整详细提示词”时。