以下是功能的提示词：
用Trae Solo MTC模式，做一个零代码自媒体智能剪辑工具网页版Demo，实现完整的新手友好一键成片功能，所有功能都在浏览器端运行，不需要本地安装和额外依赖。
一、整体定位
轻量化、零代码的短视频自动生成工具，解决自媒体新手“不会写文案、不会配音、不会剪辑”的痛点，界面简洁清新，适配PC和移动端。
二、必须实现的核心功能
-
素材上传模块
- 支持拖拽/点击上传图片、视频素材，显示已上传素材列表，可预览、删除
- 素材预览窗口，支持基础的裁剪、时长截取功能
-
AI文案生成模块
- 输入框：用户输入视频主题/关键词，比如“好物分享、vlog口播、知识科普等等”
- 生成功能：调用免费的大模型API，自动生成短视频文案和标题，支持一键复制、编辑修改
- 文案模板：内置多个预设模板（比如好物分享、vlog口播、知识科普等等），用户可直接套用生成对应风格文案
-
AI配音模块
- 音色选择：支持多种以上不同风格的音色（比如温柔女声、阳光男声、活力童声等等）
- 语速调节：0.5倍到2倍语速滑块，可实时预览配音效果
- 生成逻辑：和文案模块联动，文案修改后可一键重新生成配音，支持音频下载
-
自动字幕模块
- 自动拆分：根据文案断句，自动生成字幕时间轴，和配音时长匹配
- 样式设置：支持调整字幕字体、字号、颜色、位置（顶部/底部），预览实时生效
- 手动编辑：支持手动修改、添加、删除字幕内容和时间点
-
视频合成与导出模块
- 合成逻辑：使用纯前端FFmpeg.js实现，把上传的视频/图片素材、生成的配音、字幕合成为完整视频
- 进度显示：导出过程中显示进度条和状态提示，避免用户等待焦虑
- 一键成片：添加一个“一键成片”按钮，用户上传素材、输入主题后，可自动走完文案生成→配音→字幕→合成的全流程
三、界面与交互要求
- 整体布局：顶部导航栏、左侧素材区、中间预览区、右侧设置区，分区清晰，操作流程线性
- 视觉风格：白色+浅蓝为主色调，简洁干净，按钮、滑块等交互控件样式统一，hover有反馈
- 错误处理：API调用失败、素材上传失败、合成失败时，显示清晰的错误提示和解决方案建议
四、交付要求
生成完整可运行的网页项目，提供预览链接和下载入口，确保所有核心功能可正常使用，给我一个可以直接演示的Demo。
以下是部分流程图：
本次简单的Demo仅仅耗时1h，快速完成了零代码智能剪辑工具的首轮Demo搭建，
当前属于基础可用预览版，还有不少细节bug、渲染优化空间。相信持续调试参数、优化剪辑合成逻辑，正式优化版体验会更完善。
