用途:生成一段提示词输入演示动效,展示“用户逐字输入提示词并点击提交、随后 AI 进入思考”的过程,属于动效/视频场景原型。
主要能力:按逐字打字机方式显示提示词文本;用假鼠标光标沿贝塞尔路径移动并点击提交按钮;背景为极光光斑(aurora)连续动效;可选思考状态脉冲,在点击后让极光脉动以暗示“AI 正在生成”。
使用方式:由组件组合而成,包括 prompt-typewriter(逐字显示)、cursor-puppet(移动并点击的假光标)和 pack 必需的 aurora-blob-continuity 背景,可选 thinking-state-pulse。渲染器为 hyperframe-gsap,逐字与 SVG 光标运动在 HTML 中渲染更自然。画布默认 1080x1920,提示卡片宽 720、高 320、圆角 24、白色背景;文本 22 号 Inter、行高 1.4、内边距 40px;提交按钮 56×56,背景为 pack.accent(SP-F 为桃色);光标为 macOS 默认样式。时间编排分七个阶段:极光保持、卡片弹入、逐字打字、光标抵达、点击、思考脉冲、交接下一场景。打字速度约每帧 0.33 字符(约 10 字符/秒),线性无缓动;光标走贝塞尔曲线,点击时有 1.0→1.4→1.0 缩放回弹。
适用场景:产品演示类短视频、提示词/UI 动效模板。使用限制:仅支持 SP-F 风格包,且独属于 SP-F,与 SP-A 至 SP-E、SP-G 不兼容;时长默认约 4 秒(范围 3.0–5.0 秒),取决于提示词长度。质量要求:打字须线性机械感,光标须走贝塞尔路径,点击须有缩放回弹,按钮须醒目。常见失败模式:打字加了缓动、光标线性移动、点击无回弹、思考阶段极光不脉冲、文本溢出卡片。官方页面未提供安装命令、价格或更多平台信息。