Initial TrueGrowth source import

docs/user-manual/content/ai-generation/image-generation.mdx

@@ -0,0 +1,165 @@
+---
+title: AI 生成图片
+category: ai-generation
+order: 1
+---
+
+# AI 生成图片
+
+只需输入文字描述，Opentu 就能帮你生成精美图片。支持多种 AI 模型，可选择不同尺寸。
+
+## 快速开始
+
+### 第 1 步：输入描述
+
+在页面底部的输入框中，用文字描述你想要的图片。
+
+<Screenshot id="ai-step-0" alt="AI 输入框" />
+
+**示例描述：**
+- "一只橙色的猫咪在阳光下打盹"
+- "未来城市的夜景，霓虹灯闪烁"
+- "水彩风格的山水画"
+
+<Screenshot id="ai-step-1" alt="输入提示词" />
+
+### 第 2 步：选择模型（可选）
+
+点击输入框左侧的 **#** 按钮，可以选择不同的 AI 模型。
+
+<Screenshot id="ai-step-2" alt="选择模型" />
+
+**可用模型：**
+
+| 模型 | 特点 | 推荐场景 |
+|------|------|----------|
+| nano-banana | 速度快，效果稳定 | 日常使用 |
+| nano-banana-pro | 支持高清/2K/4K | 需要高分辨率 |
+
+### 第 3 步：选择尺寸（可选）
+
+点击尺寸按钮，选择图片比例：
+
+- **1:1** - 正方形，适合头像、社交媒体
+- **16:9** - 横向宽屏，适合壁纸、封面
+- **9:16** - 竖向，适合手机壁纸、海报
+- **4:3** - 传统比例
+
+### 第 4 步：发送生成
+
+点击发送按钮或按 **Enter** 键，开始生成。
+
+<Screenshot id="ai-step-3" alt="准备发送" />
+
+生成通常需要 10-30 秒，完成后图片会自动插入画布。
+
+## 提示词技巧
+
+想要更好的生成效果？试试这些技巧：
+
+### 描述越具体越好
+
+- **一般**："一只猫"
+- **更好**："一只毛茸茸的橙色虎斑猫，躺在阳台上晒太阳，背景是蓝天白云"
+
+### 加入风格描述
+
+- "油画风格的..."
+- "水彩画效果..."
+- "3D 渲染的..."
+- "动漫风格..."
+- "写实照片..."
+
+### 描述构图
+
+- "特写镜头"
+- "俯视角度"
+- "全景画面"
+- "居中构图"
+
+## 参考图生成
+
+除了文字描述，你还可以上传参考图片，让 AI 参考生成。
+
+1. 点击输入框左侧的 **图片** 图标
+2. 选择本地图片或从素材库选择
+3. 输入描述，发送生成
+
+## 批量生成
+
+需要生成多张图片？
+
+1. 点击工具栏的 **AI 工具** → **批量生成**
+2. 输入多条提示词（每行一条）
+3. 选择模型和尺寸
+4. 点击开始批量生成
+
+## Agent 模式与 Skill
+
+在输入框中切换 **生成类型 → Agent**，可以使用 Skill 来完成流程图、思维导图、PPT 生成等任务。
+
+### 使用系统 Skill
+
+1. 点击输入框左侧的 **Skill** 下拉框
+2. 选择需要的 Skill
+3. 输入指令并发送
+
+**系统内置 Skill：**
+- **灵感图** - 生成灵感拼贴图并插入画布
+- **宫格图** - 生成整齐的九宫格图片墙
+- **流程图** - 自动生成 Mermaid 流程图并插入画布
+- **思维导图** - 生成 Markdown 思维导图并插入画布
+- **SVG 矢量图** - 生成 SVG 图标/Logo 并插入画布
+- **PPT 演示** - 生成演示文稿大纲并自动布局
+- **产品经理** - 结构化输出需求文档模板
+
+### 自动模式
+
+Skill 选择 **自动** 时，系统会根据你的指令自动选择合适的能力。
+
+### 添加自定义 Skill
+
+1. 在 Skill 下拉框点击 **添加 Skill**
+2. 知识库会自动打开到 **Skill** 目录
+3. 新建笔记并编写 Skill 指令（角色、输入、输出格式等）
+4. 保存后即可在 Skill 下拉框中选择
+
+## 管理生成任务
+
+### 查看进度
+
+点击右下角的 **任务队列** 按钮，可以看到所有生成任务的状态。
+
+### 重试失败任务
+
+如果生成失败，可以在任务队列中点击 **重试** 按钮。
+
+### 查看历史
+
+所有生成的图片会保存在 **素材库** 中，随时可以使用。
+
+## 常见问题
+
+**Q：生成失败怎么办？**
+
+A：可能的原因：
+1. 网络连接问题 - 检查网络
+2. API 配置错误 - 在设置中检查 API Key
+3. 描述包含敏感内容 - 修改描述重试
+
+**Q：生成速度慢？**
+
+A：生成时间取决于：
+- 选择的模型
+- 图片尺寸
+- 当前服务器负载
+
+建议使用 nano-banana 模型获得更快的速度。
+
+**Q：如何提高生成质量？**
+
+A：
+1. 使用更详细的描述
+2. 指定艺术风格
+3. 描述光线和氛围
+4. 尝试不同的模型

docs/user-manual/content/ai-generation/image-split.mdx

@@ -0,0 +1,122 @@
+---
+title: 智能拆分图片
+category: ai-generation
+order: 3
+---
+
+# 智能拆分图片
+
+将一张图片拆分成九宫格，发朋友圈超有格调！Opentu 支持 AI 生成可拆分的图片，一键完成。
+
+## 效果展示
+
+<img src="../../product_showcase/九宫格拆图.gif" alt="九宫格拆图演示" style="max-width: 100%; border-radius: 8px;" />
+
+只需输入描述，AI 会生成一张完整的图片，然后自动拆分成九宫格。
+
+## 如何使用
+
+### 方法一：使用灵感模板
+
+最简单的方式：
+
+1. 新建一个空白画布
+2. 在灵感创意板中找到 **九宫格拆图** 模板
+3. 点击使用
+4. 根据需要修改提示词
+5. 点击发送
+
+### 方法二：直接描述
+
+在输入框中描述你想要的图片内容，AI 会理解并生成适合拆分的图片。
+
+**提示词技巧：**
+- 描述一个完整的场景或画面
+- 避免太多零散的元素
+- 适合拆分的通常是风景、人物全身照、艺术画等
+
+**好的描述示例：**
+- "一片樱花林，粉色花瓣飘落，蓝天白云背景"
+- "城市夜景全景图，霓虹灯闪烁"
+- "一只大猫咪正面特写，背景纯色"
+
+## 拆分操作
+
+### 自动拆分
+
+AI 生成图片后，如果检测到适合拆分的图片，会提供拆分选项：
+
+1. 点击图片上的 **拆分** 按钮
+2. 选择拆分方式（2x2、3x3 等）
+3. 确认后自动生成拆分后的小图
+
+### 手动拆分
+
+对于已有的图片：
+
+1. 选中画布上的图片
+2. 右键菜单选择 **拆分图片**
+3. 选择拆分网格
+
+## 拆分格式
+
+| 格式 | 数量 | 适用场景 |
+|------|------|----------|
+| 2x2 | 4 张 | 简单拼图 |
+| 3x3 | 9 张 | 朋友圈九宫格 |
+| 2x3 | 6 张 | 特殊布局 |
+
+## 保存和使用
+
+### 批量保存
+
+拆分后的图片可以：
+
+1. **全部选中** - 框选所有拆分后的小图
+2. **导出** - 按 `Ctrl/Cmd + Shift + E` 导出为图片
+3. **保存到本地** - 每张小图单独保存
+
+### 发朋友圈
+
+1. 按顺序保存 9 张图（从左上到右下）
+2. 发朋友圈时按相同顺序选择
+3. 发布后会呈现完整的拼图效果
+
+:::tip
+朋友圈九宫格的顺序是：
+```
+1 2 3
+4 5 6
+7 8 9
+```
+保存时注意按这个顺序命名或选择。
+:::
+
+## 最佳实践
+
+### 图片尺寸
+
+- 生成时选择 **1:1** 比例最适合九宫格
+- 分辨率越高，拆分后的小图越清晰
+
+### 画面构图
+
+- **居中构图** - 主体在中间，四周有延伸
+- **全景构图** - 大场景，元素分布均匀
+- **对称构图** - 左右或上下对称的画面
+
+### 避免的情况
+
+- 主体太小，拆分后某些格子会很空
+- 文字内容，拆分后可能被切断
+- 太多细节集中在一处
+
+## 小贴士
+
+:::tip
+九宫格最吸引眼球的位置是中间那张（第5张），重点内容放在画面中心。
+:::
+
+:::note
+如果对 AI 生成的图片不满意，可以重新生成或调整提示词再试。
+:::

docs/user-manual/content/ai-generation/inspiration-board.mdx

@@ -0,0 +1,90 @@
+---
+title: 灵感创意板
+category: ai-generation
+order: 2
+---
+
+# 灵感创意板
+
+不知道生成什么？灵感创意板提供各种创作模板，点击即可快速开始。
+
+## 什么是灵感创意板？
+
+当画布为空时，AI 输入框上方会自动显示灵感创意板，里面有各种预设的创作模板。
+
+<Screenshot id="inspiration-step-1" alt="灵感创意板" />
+
+每个模板都配有精心设计的提示词，只需点击就能直接使用。
+
+## 如何使用
+
+### 第 1 步：浏览模板
+
+灵感创意板展示多种创作模板：
+
+- **智能拆分宫格图** - 将图片拆分为九宫格
+- **艺术风格** - 各种艺术风格的图片
+- **实用场景** - 封面、海报、头像等
+
+### 第 2 步：选择模板
+
+点击你感兴趣的模板卡片。
+
+<Screenshot id="inspiration-step-2" alt="选择模板后" />
+
+模板的提示词会自动填充到输入框中。
+
+### 第 3 步：调整发送
+
+你可以：
+
+- **直接发送** - 使用模板默认的提示词
+- **修改提示词** - 根据需要调整描述
+- **更换模型/尺寸** - 选择合适的设置
+
+## 模板分类
+
+### 智能拆分
+
+适合制作：
+- 朋友圈九宫格
+- 拼图海报
+- 系列图片组
+
+**特点**：输入一段描述，AI 会自动生成可拆分的图片，一键拆成九宫格。
+
+### 艺术创作
+
+适合制作：
+- 插画作品
+- 概念艺术
+- 创意海报
+
+**特点**：预设了各种艺术风格的提示词，如水彩、油画、赛博朋克等。
+
+### 实用场景
+
+适合制作：
+- 社交媒体配图
+- 产品展示图
+- 文章封面
+
+**特点**：针对实际使用场景优化的模板。
+
+## 小贴士
+
+:::tip
+灵感创意板会不定期更新新模板，记得常来看看有什么新创意！
+:::
+
+:::note
+画布上有内容时，灵感创意板会自动隐藏。想再次查看？清空画布或新建项目即可。
+:::
+
+## 更多灵感来源
+
+除了灵感创意板，你还可以：
+
+1. **查看素材库** - 浏览之前生成的图片
+2. **历史提示词** - 复用之前用过的描述
+3. **参考其他作品** - 从网上找灵感，用自己的话描述

docs/user-manual/content/ai-generation/video-generation.mdx

@@ -0,0 +1,174 @@
+---
+title: AI 生成视频
+category: ai-generation
+order: 4
+---
+
+# AI 生成视频
+
+Opentu 支持多种 AI 视频生成模型，只需输入描述或提供图片，就能生成精彩的视频。
+
+## 支持的模型
+
+| 模型 | 特点 |
+|------|------|
+| **Veo3** | Google 视频模型，高质量生成 |
+| **Veo3 Pro** | 增强版，更好的画质和细节 |
+| **Veo3.1** | 支持首尾帧控制 |
+| **Veo3.1 Pro** | 多图参考，更精确控制 |
+| **Sora-2** | OpenAI 视频模型 |
+| **Sora-2 Pro** | 增强版 Sora |
+
+## 文字生成视频
+
+最简单的方式，只需文字描述：
+
+### 第 1 步：打开视频生成
+
+1. 点击输入框旁边的 **#** 按钮
+2. 切换到 **视频** 模式
+
+### 第 2 步：输入描述
+
+描述你想要的视频内容，如：
+
+- "一只猫咪在草地上奔跑，阳光明媚"
+- "城市街道的延时摄影，车流穿梭"
+- "海浪拍打礁石，日落时分"
+
+### 第 3 步：选择模型
+
+点击模型选择器，选择合适的模型。
+
+**建议**：
+- 普通使用选 **Veo3** 或 **Sora-2**
+- 需要高质量选 **Pro** 版本
+
+### 第 4 步：发送生成
+
+点击发送按钮，开始生成。
+
+:::note
+视频生成需要较长时间（通常 1-5 分钟），请耐心等待。生成过程中可以继续其他操作。
+:::
+
+## 图片生成视频
+
+用一张图片作为起点，生成动态视频：
+
+### 第 1 步：添加参考图
+
+1. 点击输入框的 **图片** 图标
+2. 选择本地图片或从素材库选择
+
+### 第 2 步：描述动态效果
+
+告诉 AI 你希望图片如何动起来：
+
+- "让人物转头微笑"
+- "让背景的云朵飘动"
+- "镜头缓缓推进"
+
+### 第 3 步：生成
+
+选择支持图生视频的模型，发送生成。
+
+## 首尾帧控制（Veo3.1）
+
+需要更精确控制视频？使用首尾帧功能：
+
+### 什么是首尾帧
+
+- **首帧** - 视频开始的画面
+- **尾帧** - 视频结束的画面
+
+AI 会生成从首帧过渡到尾帧的视频。
+
+### 如何使用
+
+1. 选择 **Veo3.1** 或 **Veo3.1 Pro** 模型
+2. 上传首帧图片（必须）
+3. 上传尾帧图片（可选）
+4. 描述过渡效果
+5. 发送生成
+
+**示例**：
+- 首帧：日出前的天空
+- 尾帧：太阳升起后的天空
+- 描述："日出过程，光线逐渐变亮"
+
+## 任务管理
+
+### 查看进度
+
+视频生成需要时间，可以在 **任务队列** 中查看进度：
+
+1. 点击右下角的任务图标
+2. 找到你的视频生成任务
+3. 查看当前进度
+
+### 后台生成
+
+视频在后台生成，你可以：
+- 继续其他创作
+- 刷新页面也不会中断
+- 关闭标签页后任务会继续
+
+### 生成完成
+
+生成完成后：
+- 会收到通知
+- 视频自动添加到素材库
+- 可以插入到画布使用
+
+## 提示词技巧
+
+### 描述动作
+
+- "缓慢移动" / "快速奔跑"
+- "镜头推进" / "镜头拉远"
+- "旋转" / "飘动" / "闪烁"
+
+### 描述时长和节奏
+
+- "3秒循环动画"
+- "慢动作效果"
+- "延时摄影风格"
+
+### 描述氛围
+
+- "电影质感"
+- "梦幻效果"
+- "复古滤镜"
+
+## 常见问题
+
+**Q：生成失败怎么办？**
+
+A：
+1. 检查网络连接
+2. 检查 API 配置
+3. 简化描述后重试
+4. 在任务队列中点击"重试"
+
+**Q：视频时长有限制吗？**
+
+A：不同模型有不同限制，一般在 3-10 秒。
+
+**Q：可以生成有声音的视频吗？**
+
+A：部分模型支持，请参考具体模型说明。
+
+**Q：视频可以下载吗？**
+
+A：可以。在素材库中找到视频，右键保存或使用下载按钮。
+
+## 小贴士
+
+:::tip
+视频生成比图片更耗时，建议先用图片生成确认效果，满意后再生成视频。
+:::
+
+:::tip
+如果有特定的画面想要，先用 AI 生成图片，再用图片生成视频，效果更可控。
+:::