你花了两周时间编写命令行工具并撰写了详细的 README 文档。但你知道一段 30 秒的演示视频比 500 字的解释更具说服力。可惜的是屏幕录制太乏味After Effects 又太复杂。其实你可以直接在 VS Code 中完成这一切Luma Dream Machine 将帮助你生成高质量的概念视频直接用于你的产品页面。接下来我们将带你一步步实现这个目标。第一步在 VS Code 中搜索并安装扩展打开 VS Code 扩展市场 (CmdShiftX)搜索Luma MCP或者直接输入扩展 IDacedatacloud.mcp-luma点击安装然后按提示重新加载窗口第二步获取并输入 API Key打开 Ace Data Cloud 控制台 / 应用程序复制你的 API Key同一个密钥可用于所有 Ace Data Cloud MCP 服务按CmdShiftP运行Luma MCP: Set Ace Data Cloud API Key粘贴 API Key按 Enter 保存存储在 VS Code SecretStorage / 系统密钥链中若要切换密钥运行Luma MCP: Clear Ace Data Cloud API Key然后重新设置。第三步验证连接性打开 GitHub Copilot Chat切换到Agent模式直接请求luma例如Use luma to help me complete this task第一次调用时它会自动路由到此扩展并使用你保存的 API Key高级手动配置 mcp.json可选如果你更喜欢手动配置可以在项目中创建.vscode/mcp.json文件{ servers: { luma: { type: http, url: https://luma.mcp.acedata.cloud/mcp, headers: { Authorization: Bearer ${input:acedata-api-key} } } }, inputs: [ { id: acedata-api-key, type: promptString, description: Ace Data Cloud API Key, password: true } ] }实际应用场景为产品主页制作引人注目的动画你的 SaaS 产品主页需要一段吸引眼球的 Hero 视频。以前你需要外包动态效果但现在只需 Generate a 5-second looping abstract video with purple and blue fluids slowly flowing, tech style, suitable as a webpage background由luma_generate_video生成的视频流畅且质量上乘远超许多付费素材网站的剪辑。从设计稿生成产品动画你有一张从 Figma 导出的应用截图想要“让它活过来” Use this mobile screenshot as reference, generate a video where the data charts in the interface animate from zero to fullluma_generate_video_from_image接受图像或视频作为参考能够将静态 UI 转换为动态演示节省了大量编写 CSS 动画和录制屏幕的时间。视频扩展第一个视频效果不错但太短无需重新生成 Extend this video, slowly zooming out to reveal a larger panoramaluma_extend_video可以在保持一致风格的情况下基于现有内容继续生成。可用工具工具描述luma_generate_video文本转视频luma_extend_video视频扩展luma_generate_video_from_image参考图像生成视频其他编辑器配置Cursor— 在.cursor/mcp.json中类似配置mcpServersClaude Code— 终端 CLI 配置见 Claude Code Luma MCP 教程Claude Desktop— 见 Claude Desktop Luma MCP 教程JetBrains— 设置 → 工具 → AI 助手 → MCP添加 HTTP 类型 Luma 服务相关链接Luma MCP 服务器 (GitHub)Ace Data Cloud 平台MCP 协议官方网站无论你是想提升产品展示还是加速开发流程Luma MCP 都能为你的项目增添光彩。现在就去试试吧