企业官网建设流程全解析

StoryGen-Atelier 是一款 AI 辅助的分镜与视频生成工具：输入一句话故事，它就能用 Gemini 生成整组分镜帧图，再经 Vertex AI Veo 与 ffmpeg 拼接成完整视频。前端界面内置了 16 个 AI 绘画风格预设——动漫、赛博朋克、水墨国风、吉卜力等，让你无需手写提示词，一键切换画面风格。

如何快速启动 StoryGen-Atelier

准备工作很简单：安装 Node.js 18+、npm 和 ffmpeg，并准备好GEMINI_API_KEY（必需）与 Vertex AI 配置（生成视频需要）。MiniMax API Key 为可选项，可将文本、帧图、片段切换为 MiniMax 模型。

在根目录运行启动脚本即可：

# 赋予执行权限（仅需一次） chmod +x start_servers.sh # 启动服务 ./start_servers.sh

macOS 用户也可以直接双击 start_macos.command。脚本会自动检查环境、安装依赖，并分别在后端3005端口和前端5180端口启动服务。详细的环境变量说明可参考 README_CN.md。

StoryGen-Atelier 内置16种AI绘画风格完整清单

所有风格预设定义在前端 App.jsx 的stylePresets数组中。除「自定义」外，每个预设都自带一段精心调校的英文风格提示词，选中后会自动注入到分镜脚本与帧图生成的提示词里：

💡 界面上选中风格后，下方灰色小字会实时显示对应的英文提示词，方便你了解每种风格背后的「咒语」。

热门AI绘画风格效果示例

下面是几种代表性风格生成的分镜帧图效果，来自项目 exampleImg/ 目录的示例图：

动漫风（Anime）

色彩明艳、线条干净，非常适合表现情绪张强的角色戏份：

吉卜力风（Ghibli）

手绘质感的背景加上梦幻云层，田园与治愈氛围拉满：

电影写实风（Realism）

自然光、浅景深与细腻颗粒感，适合纪录片式的叙事：

水墨国风（Chinese Ink）

留白与流动笔触结合，黑白中点缀淡彩，中式美学一步到位：

风格预设的源码位置

如果你对风格实现机制感兴趣，可以顺着这几处代码看：

• 风格预设清单：frontend/src/App.jsx，16 个风格的value、中文标签与英文提示词都在此定义；
• 风格解析逻辑：resolveStyleText 函数，选中「自定义」时取用户输入，否则取预设文案；
• 分镜脚本注入：backend/src/services/llmService.js 的generatePrompts将风格作为「全局视觉风格」写入 Gemini 的分镜提示词；
• 帧图生成注入：backend/src/services/imageGenService.js 用相同的风格文本约束每张分镜帧，并通过previousStyleHint让相邻镜头保持风格连续。

三步生成一套风格统一的分镜

1. 写一句话故事：例如「在雨中的霓虹都市里，一只猫寻找失落的记忆」；
2. 选风格、调镜头数：从 16 个预设中挑选（默认赛博朋克），用滑块设定 2–12 张分镜；
3. 提交生成：Gemini 先生成分镜脚本，再逐张生成帧图，全程保持同一风格基调。

分镜完成后，还可以点击生成视频：系统采用「插值链」策略，由 Gemini 分析相邻镜头、Veo 生成过渡片段，最后用 ffmpeg 无损拼接成full_story_xxx.mp4整片。生成的作品可存入画廊随时回看，提示词技巧详见 guide/VideoGenerationPromptGuide.md。

风格选择常见问题

问：风格选错了，需要重新生成全部帧图吗？不需要。重新提交时只需更换风格选项，系统会基于新风格重新生成分镜脚本与帧图，旧的记录仍保留在画廊中。

问：自定义风格和预设风格有什么区别？预设风格的提示词经过打磨、效果稳定；选「自定义」后可以在输入框里用中文直接描述你想要的画面基调（如「胶片颗粒感的港风夜景」），描述会原样注入生成流程。

问：换风格会影响后续视频生成吗？会的。帧图风格会延续到过渡片段的提示词中，因此在「风格」这一步想清楚，能省掉后面整条链路的返工成本。