--- area: "tech-engineering" category: technology companies_orgs: [] date: '2025-11-18' draft: true guest: '' insight: '' layout: post.njk products_models: - Cursor project: [] series: '' source: https://www.youtube.com/watch?v=S4kd_ZG5DTQ speaker: AI超元域 status: evergreen summary: 本视频深度探讨了Lumi.new这一AI应用生成平台，它颠覆了传统AI编程工具的迭代模式，能够直接生成完整的网站、应用乃至游戏，无需编写任何代码。通过闪购页、吃豆人游戏、婚礼邀请函、宠物领养平台和餐厅预约系统等多个案例，展示了Lumi在快速开发、内置功能（数据库、用户登录）、WebSocket处理及函数调用方面的强大能力。视频还分析了Lumi适用于创业MVP、小企业数字化、创作者展示、活动网站及团队内部工具等多种场景，为用户提供了高效、低成本的解决方案。 tags: - ai-development-tool - business - development - platform - software title: 告别传统编程：Lumi.new AI一键生成完整应用与游戏深度实战 --- ### AI应用生成新范式：Lumi.new的崛起 我们平时在使用像**Cursor**（一款AI编程工具）和**Boot**（另一款AI编程工具）这类AI编程工具来制作网站或应用时，经常需要反复迭代。例如，修改一个按钮的位置可能需要来回沟通三四次，增加一个表单功能又需要重新生成很多代码。一个简单的落地页可能需要花费很长时间才能调试好，而且越复杂的需求，所需的对话轮数就越多，有时改到最后连AI都理解不了我们到底想要做什么。最近发布的**Lumi**（一个AI应用生成平台）采用了一种不同的思路：它不是让你一行一行地修改代码，而是直接生成完整的网站、应用甚至是游戏。像前端页面、数据库、用户登录认证这些功能，它都内置好了。而且，Lumi处理**WebSocket**（一种在单个TCP连接上进行全双工通信的协议）多人项目的能力也比其他竞品要好很多。本期视频将用大约15分钟的时间，制作几个不同类型的应用，全程不写任何代码，看看Lumi到底能做到什么程度。最后会告诉大家哪些场景适用Lumi，哪些场景不适用。 ### Lumi功能实测：闪购页与游戏开发 现在我们就可以开始进行测试。打开Lumi之后，在右上角我们可以设置显示的语言，它支持英语、日语、简体中文、繁体中文以及其他一些语种，我这里就默认选择简体中文。下面我们就可以输入提示词。我输入的提示词是“生成一个限时闪购页应用，前台展示商品信息、倒计时，还有‘立即抢购’按钮”。如果我们对自己的提示词不满意的话，我们还可以点击按钮来优化提示词。我们直接点击测试一下，可以看到优化后的提示词比我们自己写的提示词要更加详细，它在提示词中还指定了技术栈。然后在这里我们还可以设置工具箱，我们点击可以查看。在工具箱中，这里面包含数据库、身份验证，还能通过仪表盘跟踪网站的访客，这里还有邮件服务、文件存储，还有函数功能。然后大家就可以根据自己所开发的功能来选择这些工具箱。 然后我们就可以点击发送按钮，让它为我们开发我们所需要的这个应用。在左侧这里我们就可以看到这些进度。首先它给出了设计方案，包括设计灵感，还有核心功能，包括前台展示页、后台管理页、实时状态同步、倒计时逻辑、表单验证。然后这里还给出了前端设计的主色调、交互动画，还有字体排版。在这里它就开始生成这个应用。这里它很快完成了限时闪购页的创建，这里是已实现的功能，还有使用说明以及后续的建议。然后我们就可以看到它生成了限时闪购的这个应用。在这里我们可以点击全屏按钮，让它来全屏显示这个限时闪购应用。这里是倒计时按钮，这里是抢购按钮。然后我们可以点击后台管理进入到后台。在商品标题这里我们可以设置一下，好，这是我修改后的标题。这里我将原价和活动价都进行了修改。然后我们就可以点击保存按钮，看一下它能否更新到前台。好，可以看到这里成功展示到了前台，然后这里会显示我们刚才设置的原价和活动价。然后我们就可以点击“立即抢购”看一下效果。这里点击抢购成功，可以看到这个页面比较单调，它并没有显示商品图像。 然后我们点击退出全屏按钮。然后我们在对话框让它通过**agent模式**（一种AI工作模式，AI能够自主规划并执行一系列任务）来搜索对应的商品图像，让它将商品图像加入到页面的合适位置，让页面看起来更加丰富。好，下面我们输入提示词：“为页面加入这个产品的图像，让页面内容看起来更丰富。”我们直接发送，让它自动搜索这些图像并且为我们加入到合适的位置。好，可以看到这里它很快加入了这个产品的图像。然后我们可以让它以轮播的形式添加多张图像。下面我们就可以输入提示词：“让它添加商品图片轮播组件，以轮播形式展示多张商品图片。”好，下面我们看一下它新增的这个效果。可以看到这里它就为我们新增了轮播图片的这个组件，这样的话这个限时闪购的页面内容就更加丰富了，而且这些图片都是它为我们自动搜索并且加入的。然后在右上角这里我们就可以导出这个项目的源代码，导出之后我们就可以查看这个项目的完整的源代码。而且我们还可以点击发布。好，这里发布成功，我们就可以点开这个链接来查看我们开发的这个应用。这是我们使用Lumi开发的限时闪购的应用，可以看到整个过程不需要我们写一行代码，而且所用到的这些图像也是它为我们搜索到的。 好，下面我们还可以加大难度，我们还可以让它开发一个游戏。我这里输入提示词，让它实现吃豆人游戏，可以用键盘方向键来控制，还包括迷宫、碰撞、豆子计分。然后我们直接运行。像这个测试题目可以测试AI的游戏逻辑设计、键盘事件处理、碰撞检测、状态与得分管理、简单路径规划、随机行为算法以及整体代码组织能力。这里它很快完成了这个游戏开发。按任意方向键就可以开始，我们测试一下。可以看到这三只鬼它们是可以移动的，然后我们控制这个吃豆人来吃豆子。可以看到这三只鬼会朝这个吃豆人的方向来移动。可以看到它吃到豆子后这里就会加分，这里还会显示有三条命。然后我们让它跟鬼碰撞，碰撞之后这里的生命就剩下两条。当我们成功吃到所有豆子后，这里就显示胜利并且显示得分。但这个游戏目前有一个bug，就是我们在吃豆子的时候这三只鬼就不动了。然后我们可以让它来修复这个bug。好，下面我们输入提示词：“吃豆人在移动的时候三只鬼就不动了，请修复bug。”然后我们直接运行，让它来修复这个简单的bug。好，下面我们测试一下它是否修复了这个bug。我们先开始，可以看到吃豆人移动的时候这三只鬼也跟着在动，并不会因为他在吃豆子这三只鬼就停止运动。目前这个游戏只有第一关。然后我们还可以让它新增几关。然后我们就可以输入提示词：“为游戏新增两关，要求难度递增。”我们直接发送。好，这里它成功实现了为游戏再添加两个更难的关卡。现在是关卡一，这里会显示第一关。通关之后这里就到了第二关。第二关它增加了难度，它将鬼的数量增加到了4只。然后我们可以测试一下。好，可以看到游戏一开始就碰到了鬼。好，可以看到第二关这个难度确实增大了。这里提示游戏结束，这里显示最终的得分。然后我们可以点击发布。好，这里发布成功，这样的话大家就可以来测试这个游戏。 ### 复杂应用场景：婚礼邀请函与宠物领养平台 好，下面我们继续测试。这次我们可以让它生成一个婚礼邀请函应用，要求支持用户登录，来宾可填写**RSVP**（Répondez s'il vous plaît: 请回复）表单并将数据写入后台数据库中，提供留言板并做权限控制，要求内置真实可用的后台接口和数据持久化。然后我们点击发送。好，在等待了大概两分钟左右，这里成功生成了婚礼邀请函。然后我们进入全屏看一下。可以看到这个配色和布局都设计得非常好。然后我们看一下它是否支持移动端的布局。好，可以看到在移动端布局这里显示的效果也非常好。下面我们就可以测试一下这些功能是否正常。我们先登录。好，这里是来宾登录的方式进行了测试。然后我们可以输入内容测试一下，然后点击发表留言。好，这里发表成功。然后这里我们还可以输入内容，在这里还可以选择“无法参加”、“待定”。然后我们这里选择“确认参加”。然后我们点击“提交回复”。好，这里提交成功。下面我们还可以退出登录。退出登录之后我们这里还可以看到我们刚才的留言。 好，下面我们就可以点击这里的工作区。然后我们就可以看到这个后台的情况，包括这里显示的浏览量、访问次数、访客。然后我们再点击用户，这里就显示刚才我们注册的这个用户，这里就会显示admin用户，还有下面我们刚才以访客的形式登录的。然后我们再点击数据，这里就可以看到我们刚才提交的内容。然后我们再点击message这里，这里我们就看到了刚才我们提交的留言，而且这里会显示创建时间还有更新时间。这里还包含邮件服务，这里还有文件存储。下面我们还可以继续新增功能，比如说用户确定参与之后会自动收到感谢的邮件。下面我们就可以输入提示词：“新增自动回复邮件功能，当用户确定参加婚礼，根据用户的邮箱发送感谢邮件。”然后我们直接运行，看一下它能否新增这个功能。好，这里提示这里已经成功添加这个功能。下面我们可以测试一下。我们点击登录，然后我们输入邮箱，然后我们打开邮箱查看一下。可以看到这里我们成功收到了邮件，而且这个邮件的样式看起来也非常美观。像这样我们就为这个婚礼邀请函的应用新增了自动回复邮件的功能。而且在这里我们还可以让它新增一个图像轮播的组件，让它来展示这些图像，就像我们演示的第一个案例一样。为了节省时间，这里我们就不再让它新增这个功能了。 好，下面我们继续测试。我这里输入提示词，让它来生成一个宠物领养平台的应用，支持按宠物类型、年龄、体型实时筛选列表，每个宠物有支持多图展示的详情页，用户可提交领养申请表单，申请流程会转到后台审核列表并可更改审核状态。然后我们运行，看一下它能否成功为我们实现我们所需要的这个应用。好，这里它很快为我们生成了这个应用，但是这里面还没有任何数据。我们可以按照这里的提示输入它给的提示词。我们直接输入：“插入示例宠物数据和申请数据，集成Lumi的文件上传工具，实现真实图片上传功能。”直接发送。好，下面我们看一下它为我们实现了宠物领养平台。我们可以先选择一个宠物，点击进入查看一下它的详情。好，这里会显示这个宠物的名称，还有宠物的学名、年龄、体型、性别，还有状态是否可领养。然后我们可以点击“我要领养”来测试一下。这里我们需要登录一下。登录之后这里我们需要填写领养的信息。然后我们就点击提交。然后我们就可以点击工作区。我们点击数据，在这里我们就看到了刚才在首页上展示的这些宠物的信息，而且我们可以点击添加按钮来新增宠物。然后我们再点击这个位置来查看申请领养的具体内容。好，这里就是我刚才提交的领养宠物的申请记录。然后这里的状态是等待的状态。然后我们就可以点击这个图标，然后在状态这里我们点击同意，然后再点击提交。然后我们就可以回到前台，我们点击这个位置进入到领养状态。好，可以看到这个申请状态显示已经通过。而且在前端页面这里我们还可以进行筛选，比如说这里我们让它显示狗，然后这里显示的就全都是狗。然后这里我们还可以输入宠物的名称进行筛选。像这样的话我们只用了非常简单的提示词，就在Lumi中快速开发了一个宠物领养平台。 ### 餐厅预约系统与函数功能测试 好，下面我们继续测试。我输入提示词，让它生成一个餐厅预约系统，用户登录后可在预约日历上选择日期和时间，提交预约。预约信息会写入数据库并在后台管理中按日期和状态查看、编辑、取消预约记录。然后我们直接运行，让它为我们实现这个功能。好，这里它为我们完成了开发。下面我们进行测试。我们先点击登录。好，登录成功之后我们点击预约。然后我们选择日期，再选择具体的时间。这里可以选择用餐人数。这里还可以加入备注，比如说需要儿童座椅、过敏信息等内容。这些都填好之后我们就可以点击“确认预约”。好，这里就会显示我的预约。好，这是餐厅预约系统的用户登录功能。 好，下面我们再点击工作区。然后我们点击数据，这里就看到了刚才我提交的这个预约，这里会显示详细的预约内容。然后我们再点击这个设置，将状态这里我们改成“确认”，然后点击提交。然后我们再回到前端，在预约状态这里就显示已经确认。像这样我们就成功实现了这个餐厅预约系统。好，下面我们可以在这个应用的基础上来测试一下Lumi的函数功能。我们在工作区这里点击函数，点击激活函数。我们可以让Lumi为这个餐厅预约系统新增一个显示天气的功能。比如说在这个区域新增一个显示当前天气的功能。我们可以用这个天气预报平台的**API**（Application Programming Interface: 应用程序编程接口，定义软件组件如何交互的一组规则）来测试。所以我们可以用Lumi的函数功能来调用这个天气预报平台的API来获取用户当前位置的当前天气情况。然后这个天气预报平台的API非常简单，我们只需要申请好了**API Key**（Application Programming Interface Key: 用于验证和授权访问API的凭证），然后这里是API Key，这里是对应的城市名称，然后这里就是获得的响应，然后这里就会显示当前的各种天气数据。所以我们可以将这个API和它的响应发送给Lumi。好，下面我们试试提示词：“通过函数功能为当前应用新增显示当前天气预报的情况。”然后这里我们就输入了天气预报的API，这里是天气预报API的响应内容。然后我们看一下它能否通过函数调用的功能为这个系统显示天气预报。好，这里需要我们输入天气接口的API Key。可以看到这里它成功实现了天气预报的功能。这里显示了天气预报的组件，这里是天气图标，这里是城市名，这里是温度。我们点击天气预报的函数就可以详细查看这个代码。而且这里还给出了获取天气的三种方式，包括根据城市名查询、经纬度查询，还有IP自动定位。这样的话我们就成功开发了这个餐厅预约系统，并且还测试了它自带的函数功能，为这个系统新增了天气预报的功能。 ### Lumi的适用场景与优势总结 通过这几个案例的测试可以发现，Lumi的效果确实非常不错。首先是生成速度非常快，对于简单的落地页30秒就可以完成，对于复杂系统三分钟左右也可以快速完成，比传统的Cursor要快非常多。还有就是内置的数据库和用户登录是真正可以用的，前台提交表单在后台就可以立即看到数据更新，这个功能对于小型应用来说非常适用。 通过我们的测试可以发现Lumi非常适合以下这些场景： 1. **场景一：创业MVP**（Minimum Viable Product: 最小可行产品，具有最少功能但足以满足早期用户需求的产品版本）。创业者可以快速验证自己的想法，比如说想做个婚礼邀请应用，那么就可以用Lumi短时间内快速上线，这样就可以测试市场的快速反应。 2. **场景二：小企业的数字化需求**。比如说餐厅预约系统、健身房打卡系统，像这类功能虽然不是非常复杂，但却是非常实用的场景。我们使用Lumi就可以快速自己搞定，不需要每个月都要交**SaaS**（Software as a Service: 软件即服务，一种软件交付模型，通过互联网提供应用）订阅费。 3. **场景三：创作者展示**。比如说设计师的作品集、摄影师的图片网站，都可以快速搭建一个专业的展示页，还能收集用户的联系方式。 4. **场景四：活动网站**。我们可以使用Lumi快速构建活动网站，比如说线下活动报名页，像这类短期使用的网站，用完就可以关掉，而且成本非常低。 5. **场景五：团队内部工具或者生产力工具**。比如说简单的任务看板或者知识库等这类轻量级的管理工具。 如果你也想使用Lumi，那么可以点击视频下方评论区置顶中的链接，通过我的链接注册可以获得积分奖励。好，本期视频就做到这里，欢迎大家点赞、关注和转发，谢谢大家观看。