用 VS Code 和 Luma MCP 制作炫酷演示视频
·
你花了两周时间编写了一个 CLI 工具,还写了详细的 README 文档。但是你也知道——一个 30 秒的演示视频比 500 字的解释更具说服力。
屏幕录制?太无聊了。After Effects?太繁重了。其实,你可以直接在 VS Code 内部完成这一切。
在 Copilot Chat 中输入:
> Generate a video: a terminal window with commands executing, output appearing line by line, background is a dark blue gradient with subtle particle effects
Luma Dream Machine 将帮助你生成高质量的概念视频,可以直接用于你的产品页面。
第一步:在 VS Code 中搜索并安装扩展
- 打开 VS Code 扩展市场 (
Cmd+Shift+X) - 搜索
Luma MCP,或直接搜索扩展 ID:acedatacloud.mcp-luma - 点击 安装,然后根据提示重新加载窗口
第二步:获取并输入 API 密钥
- 打开 Ace Data Cloud 控制台 / 应用程序
- 复制你的 API 密钥(同一个密钥可以用于所有 Ace Data Cloud MCP 服务)
- 按
Cmd+Shift+P,运行:Luma MCP: Set Ace Data Cloud API Key - 粘贴 API 密钥并按 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 密钥
高级:手动配置 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 产品主页需要一个引人注目的英雄视频。之前,你必须外包动作效果,但现在:
> 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 full
luma_generate_video_from_image 接受图像或视频作为参考,可以将静态 UI 转换为动画演示,节省了你编写 CSS 动画和录制屏幕的时间。
视频扩展
第一个视频效果很好但太短了?无需重新生成:
> Extend this video, slowly zooming out to reveal a larger panorama
luma_extend_video 可以基于现有内容继续生成,同时保持一致的风格。
可用工具
| 工具 | 描述 |
|---|---|
| luma_generate_video | 文本转视频 |
| luma_extend_video | 视频扩展 |
| luma_generate_video_from_image | 参考图像转视频 |
其他编辑器配置
- 光标 — 在
.cursor/mcp.json中类似配置mcpServers - Claude Code — 终端 CLI 配置,见 Claude Code + Luma MCP 教程
- Claude Desktop — 见 Claude Desktop + Luma MCP 教程
- JetBrains — 设置 → 工具 → AI 助手 → MCP,添加 HTTP 类型的 Luma 服务
相关链接
更多推荐

所有评论(0)