AI 多模式输入框：交互规则、默认参数与动效说明

触发方式

输入消息，Enter 本地发送，Shift+Enter 换行。加号选择附件；Search、DeepMind 可切换，模型菜单从保存的模型列表选择。默认模型须属于列表，模式开关设置的是下一次初始状态。回复文字与延迟可以调节，延迟单位为毫秒（1000 为 1 秒）；仅为本地演示，不调用 AI。修改配置取消旧的待发回复，下次发送使用当前设置。目录悬停、聚焦和手机 Preview 共用演示，标题进入编辑器。

参数与内容

输入提示: "Ask Anything"；背景文字: "Skiper llm 0.3"；显示背景文字: true；输入区宽度: 744；输入文字大小: 16；输入区圆角: 16；画布背景: "#f1f1f1"；输入区底色: "#f9f8f8"；按钮底色: "#f9f8f8"；文字颜色: "#121212"；选中颜色: "#0ea5e9"；模型列表（每行一项）: "GPT-4o\nClaude 3.5 Sonnet\nGemini Pro\nLlama 3.1"；默认模型: "GPT-4o"；默认开启搜索: false；默认开启 DeepMind: false；本地演示回复: "I dunnoo 😭"；演示回复延迟: 1000；演示输入内容: "Plan a studio"

起点与终点

初始画面使用以上保存内容。逻辑画布 768 × 440，整体缩放 1，位置偏移 (0, 0)。

时序

响应基准 500 ms，演示延迟 0 ms。观察倍速仅用于预览。

进入与退出

带附件、搜索、DeepMind 和模型选择的多行输入；提交内容只保存在当前演示。演示停止后保留组件的当前交互状态。

重复操作与打断

离开目录且失焦、滚出可视区和切换后台会停止演示。实际输入、当前选择与播放进度不覆盖保存的默认值。

参数与导出

控件、预览、JSON、Motion 适配器、复刻工程和 HTML 导出共用同一设置对象与渲染器。目录卡片始终显示项目默认预设。

减少动态效果

不自动演示，过渡直接呈现目标状态；保留真实输入、按钮、选择和键盘操作。

默认配置

这些数值来自当前维护的默认配置；编辑器草稿和调整后的导出可以不同。

{
  "schemaVersion": 2,
  "recipeId": "skiper-81",
  "durationMs": 500,
  "delayMs": 0,
  "easing": [
    0.22,
    1,
    0.36,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": false,
  "interruption": "retarget",
  "tracks": [],
  "skiper": {
    "placeholder": "Ask Anything",
    "watermark": "Skiper llm 0.3",
    "showWatermark": true,
    "inputWidth": 744,
    "fontSize": 16,
    "cornerRadius": 16,
    "background": "#f1f1f1",
    "inputColor": "#f9f8f8",
    "buttonColor": "#f9f8f8",
    "textColor": "#121212",
    "accent": "#0ea5e9",
    "models": "GPT-4o\nClaude 3.5 Sonnet\nGemini Pro\nLlama 3.1",
    "initialModel": "GPT-4o",
    "searchDefault": false,
    "deepDefault": false,
    "replyText": "I dunnoo 😭",
    "replyDelay": 1000,
    "demoText": "Plan a studio"
  }
}

参考来源与复用

此效果参考 Skiper UI；可用的公开源码已经核对，Pro 项目依据公开演示独立实现。可在编辑器导出当前配置与可运行渲染器，复用时保留 Skiper UI 署名及素材来源。

用于自己的项目

进入编辑器运行真实预览并比较调整；本说明页不另造一份近似演示。把导出用于自己的项目后，重新检查内容、输入、焦点与布局。

目录来源标注：Skiper UI. 第三方示例保留自己的许可与署名；公开仓库包含全部当前动效的渲染源码；完整编辑器由独立工程维护。