新增示例库逻辑

docs/zh/user-guide/web-ui.md

@@ -0,0 +1,77 @@
+# Web 界面使用指南
+
+详细介绍 Pixelle-Video Web 界面的各项功能。
+
+---
+
+## 界面布局
+
+Web 界面采用三栏布局：
+
+- **左侧栏**: 内容输入与音频设置
+- **中间栏**: 语音与视觉设置  
+- **右侧栏**: 视频生成与预览
+
+---
+
+## 系统配置
+
+首次使用需要配置 LLM 和图像生成服务。详见 [配置说明](../getting-started/configuration.md)。
+
+---
+
+## 内容输入
+
+### 生成模式
+
+- **AI 生成内容**: 输入主题，AI 自动创作文案
+- **固定文案内容**: 直接输入完整文案
+
+### 背景音乐
+
+- 支持内置音乐
+- 支持自定义音乐文件
+
+---
+
+## 语音设置
+
+### TTS 工作流
+
+- 选择 TTS 工作流
+- 支持 Edge-TTS、Index-TTS 等
+
+### 参考音频
+
+- 上传参考音频进行声音克隆
+- 支持 MP3/WAV/FLAC 等格式
+
+---
+
+## 视觉设置
+
+### 图像生成
+
+- 选择图像生成工作流
+- 设置图像尺寸
+- 调整提示词前缀控制风格
+
+### 视频模板
+
+- 选择视频模板
+- 支持竖屏/横屏/方形
+- 可预览模板效果
+
+---
+
+## 生成视频
+
+点击「生成视频」按钮后，系统会：
+
+1. 生成视频文案
+2. 为每个分镜生成配图
+3. 合成语音解说
+4. 合成最终视频
+
+生成完成后自动预览。
+