新增示例库逻辑

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

@@ -0,0 +1,77 @@
+# Web UI Guide
+
+Detailed introduction to the Pixelle-Video Web interface features.
+
+---
+
+## Interface Layout
+
+The Web interface uses a three-column layout:
+
+- **Left Panel**: Content input and audio settings
+- **Middle Panel**: Voice and visual settings  
+- **Right Panel**: Video generation and preview
+
+---
+
+## System Configuration
+
+First-time use requires configuring LLM and image generation services. See [Configuration Guide](../getting-started/configuration.md).
+
+---
+
+## Content Input
+
+### Generation Mode
+
+- **AI Generate Content**: Enter a topic, AI creates script automatically
+- **Fixed Script Content**: Enter complete script directly
+
+### Background Music
+
+- Built-in music supported
+- Custom music files supported
+
+---
+
+## Voice Settings
+
+### TTS Workflow
+
+- Select TTS workflow
+- Supports Edge-TTS, Index-TTS, etc.
+
+### Reference Audio
+
+- Upload reference audio for voice cloning
+- Supports MP3/WAV/FLAC formats
+
+---
+
+## Visual Settings
+
+### Image Generation
+
+- Select image generation workflow
+- Set image dimensions
+- Adjust prompt prefix to control style
+
+### Video Template
+
+- Choose video template
+- Supports portrait/landscape/square
+- Preview template effects
+
+---
+
+## Generate Video
+
+After clicking "Generate Video", the system will:
+
+1. Generate video script
+2. Generate images for each scene
+3. Synthesize voice narration
+4. Compose final video
+
+Automatically previews when complete.
+