Loading video...

Video Failed to Load

Go Home

拿到了 GPTEngineer 的内测权限 测试了下确实很牛P GPTEngineer：AI 开发工程师 几秒钟内创建一个网站 并可一键部署发布 你只需输入简单的文本提示，应用程序便能在几秒钟内生成网页应用的原型。 支持与 GitHub 的双向同步。并且支持一键将程序部署到生产环境中。 可以在开发过程中即时修改和调整代码。AI 会自动检测并修正开发中的错误。 详细介绍：

xiaohu's profile picture

小互

114,340 subscribers

39,782 views • 1 year ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

7 Comments

小互's profile picture
小互1 year ago

生成的网站：

DDDDWHY's profile picture
DDDDWHY1 year ago

这个就是Claude的那个对标功能吗？

小互's profile picture
小互1 year ago

比claude更厉害点

LiUgOd's profile picture
LiUgOd1 year ago

牛逼

hupuzuqiu's profile picture
hupuzuqiu1 year ago

JavaScript/React专精的，让它写个PYTHON程序都能直接给我拒了，换成中文PROMPT能写但是会出错

朝歌's profile picture
朝歌1 year ago

和10web有什么区别

xiaoyi wong's profile picture
xiaoyi wong1 year ago

@readwise save thread

Related Videos

Replit 发布Replit Agent AI应用开发助手 0 基础编程用户也能开发程序 Replit Agent ，可以让你即使你不会编程，也可以快速创建应用。 你只需要描述你想要的应用，AI 就会帮你自动处理复杂的步骤，从设置开发环境、编写代码、甚至部署到网上。 一气呵成... 而且，你可以随时查看和修改 AI 生成的代码，学习编程的过程。它还支持手机使用。 详细：
3:24

Replit 发布Replit Agent AI应用开发助手 0 基础编程用户也能开发程序 Replit Agent ，可以让你即使你不会编程，也可以快速创建应用。 你只需要描述你想要的应用，AI 就会帮你自动处理复杂的步骤，从设置开发环境、编写代码、甚至部署到网上。 一气呵成... 而且，你可以随时查看和修改 AI 生成的代码，学习编程的过程。它还支持手机使用。 详细：

小互

13,185 views • 1 year ago

兄弟们，终极写代码工具来了 Bolt․new：AI 帮你自动写代码 自动运行并自动部署 而且全部在浏览器中完成 你只需撰写简单的提示，它即可帮你自动编写代码、并可一键编辑、运行和自动部署复杂的全栈应用。 而且全部在浏览器中完成，不需要安装额外的任何软件。 真正的零基础小白也可开发产品... bolt․new 依托于 WebContainers 技术，这是一种能够在浏览器中运行完整开发环境的微型操作系统。 它支持现代开发工具链，如 npm、Vite 和 Next.js，让用户无需额外的开发环境配置，即可直接在浏览器中编写、运行、调试和部署应用。 这些环境在毫秒内启动并立即在线可分享——只需点击一次
0:43

兄弟们，终极写代码工具来了 Bolt․new：AI 帮你自动写代码 自动运行并自动部署 而且全部在浏览器中完成 你只需撰写简单的提示，它即可帮你自动编写代码、并可一键编辑、运行和自动部署复杂的全栈应用。 而且全部在浏览器中完成，不需要安装额外的任何软件。 真正的零基础小白也可开发产品... bolt․new 依托于 WebContainers 技术，这是一种能够在浏览器中运行完整开发环境的微型操作系统。 它支持现代开发工具链，如 npm、Vite 和 Next.js，让用户无需额外的开发环境配置，即可直接在浏览器中编写、运行、调试和部署应用。 这些环境在毫秒内启动并立即在线可分享——只需点击一次

小互

88,879 views • 1 year ago

一款可平替v0、Cursor、Cline的AI全栈构建工具：cofounder，通过简单提示即可生成带有界面、前端、后端、数据库的网站 支持通过Web仪表盘操作，也可以直接用命令行生成项目，生成后的项目支持实时预览 支持快捷键来迭代修改UI组件，可以随时对已生成的内容进行调整和优化 支持并发生成，可以调整LLM并发数，支持本地开发环境 github： #AI开发 #AI开发网站
1:23

一款可平替v0、Cursor、Cline的AI全栈构建工具：cofounder，通过简单提示即可生成带有界面、前端、后端、数据库的网站 支持通过Web仪表盘操作，也可以直接用命令行生成项目，生成后的项目支持实时预览 支持快捷键来迭代修改UI组件，可以随时对已生成的内容进行调整和优化 支持并发生成，可以调整LLM并发数，支持本地开发环境 github： #AI开发 #AI开发网站

AIGCLINK

40,074 views • 1 year ago

这也太震撼了🤯 程序员、讲师、产品和设计师福音！😆 一套提示词支持激发 Claude 3.7 Sonnet 写上千行代码并构建复杂好看的网页！💥 最重要的是还可以开源平替 做网页一键部署！⚡️ 还可以随时修改代码并持续部署！ 提示词、画布、网页代码全公开！
0:57

这也太震撼了🤯 程序员、讲师、产品和设计师福音！😆 一套提示词支持激发 Claude 3.7 Sonnet 写上千行代码并构建复杂好看的网页！💥 最重要的是还可以开源平替 做网页一键部署！⚡️ 还可以随时修改代码并持续部署！ 提示词、画布、网页代码全公开！

Tom Huang

33,299 views • 1 year ago

又一个新的AI应用开发工具 非常适合小白用户，开发好玩的简单应用 只需要描述奶底需求即可，所有生成的应用都可以直接通过网页访问，无需部署。 而且牛p的是支持下载生成好应用的源代码，包括前端+后端代码包😎 我测试生成了一个性格测试搞笑应用，还不错的，你们看看↓ 平台介绍是多个 AI 智能体协作完成任务 有专门负责理解你的想法的； 有的专门写代码； 有的专门设计界面 还有测试和优化功能的AI 一起工作
2:52

又一个新的AI应用开发工具 非常适合小白用户，开发好玩的简单应用 只需要描述奶底需求即可，所有生成的应用都可以直接通过网页访问，无需部署。 而且牛p的是支持下载生成好应用的源代码，包括前端+后端代码包😎 我测试生成了一个性格测试搞笑应用，还不错的，你们看看↓ 平台介绍是多个 AI 智能体协作完成任务 有专门负责理解你的想法的； 有的专门写代码； 有的专门设计界面 还有测试和优化功能的AI 一起工作

小互

20,076 views • 1 year ago

知名网页抓取工具 Firecrawl 团队，最近开源了一个功能强大的项目：Open Lovable，短短几天已狂揽了 10.9k Star。 只需输入我们想克隆的任何网站链接，它就能在几秒内基于 React 重新生成一个一模一样的网站。 GitHub： 主要特性： - 一键克隆任何网站为 React 应用，支持复杂布局和交互 - 支持 OpenAI、Anthropic、Gemini、Groq 等 AI 模型 - 基于 Firecrawl 抓取网页结构，准确还原样式与内容 - 支持本地调试与部署，可实时预览生成结果 - E2B 沙盒环境提供安全的代码执行和测试环境 项目基于 MIT 协议完全开源，只需克隆项目代码到本地，配置好相关的 API 密钥即可使用。
0:40

知名网页抓取工具 Firecrawl 团队，最近开源了一个功能强大的项目：Open Lovable，短短几天已狂揽了 10.9k Star。 只需输入我们想克隆的任何网站链接，它就能在几秒内基于 React 重新生成一个一模一样的网站。 GitHub： 主要特性： - 一键克隆任何网站为 React 应用，支持复杂布局和交互 - 支持 OpenAI、Anthropic、Gemini、Groq 等 AI 模型 - 基于 Firecrawl 抓取网页结构，准确还原样式与内容 - 支持本地调试与部署，可实时预览生成结果 - E2B 沙盒环境提供安全的代码执行和测试环境 项目基于 MIT 协议完全开源，只需克隆项目代码到本地，配置好相关的 API 密钥即可使用。

GitHubDaily

147,299 views • 1 year ago

微软推出了 GitHub Spark：一种原生 AI 工具，可以完全用自然语言构建应用程序。Spark 是功能完备的微应用，能够集成 AI 功能和外部数据源，而无需管理云资源。用户通过一个创造性的反馈循环，从初始的提示词开始构建，实时预览应用开发过程，轻松查看每项请求的不同选项，并自动保存每个迭代版本，方便在过程中进行版本比较。 需要申请waitlist：
3:17

微软推出了 GitHub Spark：一种原生 AI 工具，可以完全用自然语言构建应用程序。Spark 是功能完备的微应用，能够集成 AI 功能和外部数据源，而无需管理云资源。用户通过一个创造性的反馈循环，从初始的提示词开始构建，实时预览应用开发过程，轻松查看每项请求的不同选项，并自动保存每个迭代版本，方便在过程中进行版本比较。 需要申请waitlist：

宝玉

63,998 views • 1 year ago

在对前端网页应用进行性能优化时，经常会打开 Chrome DevTools 分析加载时间、网络请求，以及排查问题，整个过程耗时耗力。 现在 Chrome DevTools 推出了 MCP 并且代码已开源，可以直接让 AI 完成网页自动化测试、调试以及优化整套开发流程。 比如将其安装到 Gemini CLI 等支持 MCP 的 AI 编程工具中，就能够自动进行网页导航、性能分析、截图调试等复杂操作，简化开发流程。 GitHub： 甚至可以模拟真人操作，比如页面点击、填写表单、元素拖拽等各种交互，可应用于自动化测试以及爬虫等场景。 除此之外，还可以模拟不同设备 CPU 性能、网络和屏幕尺寸，同时支持直接在网页中运行 JavaScript 代码并查看结果。 项目代码已完全开源，开发者可以根据需求扩展更多能力，感兴趣的同学可以安装到任意支持 MCP 的 AI 助手中使用。
0:32

在对前端网页应用进行性能优化时，经常会打开 Chrome DevTools 分析加载时间、网络请求，以及排查问题，整个过程耗时耗力。 现在 Chrome DevTools 推出了 MCP 并且代码已开源，可以直接让 AI 完成网页自动化测试、调试以及优化整套开发流程。 比如将其安装到 Gemini CLI 等支持 MCP 的 AI 编程工具中，就能够自动进行网页导航、性能分析、截图调试等复杂操作，简化开发流程。 GitHub： 甚至可以模拟真人操作，比如页面点击、填写表单、元素拖拽等各种交互，可应用于自动化测试以及爬虫等场景。 除此之外，还可以模拟不同设备 CPU 性能、网络和屏幕尺寸，同时支持直接在网页中运行 JavaScript 代码并查看结果。 项目代码已完全开源，开发者可以根据需求扩展更多能力，感兴趣的同学可以安装到任意支持 MCP 的 AI 助手中使用。

GitHubDaily

15,551 views • 10 months ago

🎉连肝了4天的本周实战课程发布了，本期实战我们会开发一个天气 + AI生成OOTD的一个小程序，你将掌握： - 如何使用Cursor快速开发具有交互能力的原型图？ - 如何使用原型图快速用Cursor开发小程序前端？ - 如何用Coze快速开发后端API：天气接口 + AI文生图？ - 接入Coze后端API， 完成全栈小程序开发 这期还挺有意思的，没有写一行代码开发这么个小程序，Claude3.7生成原型图，并基于原型图生成小程序前端的能力有点惊艳到我！但还是有一些提示词技巧，源码和文档地址：
0:30

🎉连肝了4天的本周实战课程发布了，本期实战我们会开发一个天气 + AI生成OOTD的一个小程序，你将掌握： - 如何使用Cursor快速开发具有交互能力的原型图？ - 如何使用原型图快速用Cursor开发小程序前端？ - 如何用Coze快速开发后端API：天气接口 + AI文生图？ - 接入Coze后端API， 完成全栈小程序开发 这期还挺有意思的，没有写一行代码开发这么个小程序，Claude3.7生成原型图，并基于原型图生成小程序前端的能力有点惊艳到我！但还是有一些提示词技巧，源码和文档地址：

Yihui

20,029 views • 1 year ago

GPTEngineer + Cursor 极速建站：自然语言秒变代码，新手也能轻松上手 无需编程基础，只需用自然语言描述你的需求，GPTEngineer 就能自动生成完整代码，并通过 Cursor 轻松修改和调试。 10分钟快速建站，新手也能轻松上手 时间戳： • 0:00 - AI 辅助编程近期新闻 • 0:26 - 介绍 GPTEngineer APP • 1:00 - GPTEngineer 适用人群及开发环境 • 2:02 - GPTEngineer 建站演示 • 2:51 - 使用流程：描述需求 - AI 理解 - 生成代码 - 预览效果 - 一键部署 • 4:05 - GPTEngineer 运行出错解决办法 • 4:12 - GPTEngineer 多页面生成和图片上传 • 4:28 - 手机页面预览效果 • 4:49 - 项目链接 GitHub • 5:13 - Replit 导入项目并连接 Cursor • 5:33 - Cursor 修改网页内容演示 • 6:33 - GPTEngineer 适用场景总结
7:31

GPTEngineer + Cursor 极速建站：自然语言秒变代码，新手也能轻松上手 无需编程基础，只需用自然语言描述你的需求，GPTEngineer 就能自动生成完整代码，并通过 Cursor 轻松修改和调试。 10分钟快速建站，新手也能轻松上手 时间戳： • 0:00 - AI 辅助编程近期新闻 • 0:26 - 介绍 GPTEngineer APP • 1:00 - GPTEngineer 适用人群及开发环境 • 2:02 - GPTEngineer 建站演示 • 2:51 - 使用流程：描述需求 - AI 理解 - 生成代码 - 预览效果 - 一键部署 • 4:05 - GPTEngineer 运行出错解决办法 • 4:12 - GPTEngineer 多页面生成和图片上传 • 4:28 - 手机页面预览效果 • 4:49 - 项目链接 GitHub • 5:13 - Replit 导入项目并连接 Cursor • 5:33 - Cursor 修改网页内容演示 • 6:33 - GPTEngineer 适用场景总结

nicekate

20,596 views • 1 year ago

uiverse + v0 Chat + Cursor + Vercel: AI辅助Web开发全流程演示，从UI设计到快速部署 视频简介： 这个视频展示了高效Web开发流程，从UI组件选择到最终部署的每一步。 探讨了如何利用多种先进工具来简化开发过程并提高效率： uiverse：从这个开源UI组件库中选择并定制精美的界面元素。 v0 Chat：演示如何使用AI辅助开发工具来加速编码过程，解决复杂问题，并生成高质量代码。 Cursor：介绍如何使用这款AI驱动的代码编辑器进行代码优化和调试，提高代码质量。 Vercel：展示如何利用这个平台快速部署和发布Web应用。 时间戳: 00:00 高效Web开发流程简介 01:53 案例展示 03:06 天气应用开发演示 13:49 收音故事页面开发演示 18:33 总结
20:01

uiverse + v0 Chat + Cursor + Vercel: AI辅助Web开发全流程演示，从UI设计到快速部署 视频简介： 这个视频展示了高效Web开发流程，从UI组件选择到最终部署的每一步。 探讨了如何利用多种先进工具来简化开发过程并提高效率： uiverse：从这个开源UI组件库中选择并定制精美的界面元素。 v0 Chat：演示如何使用AI辅助开发工具来加速编码过程，解决复杂问题，并生成高质量代码。 Cursor：介绍如何使用这款AI驱动的代码编辑器进行代码优化和调试，提高代码质量。 Vercel：展示如何利用这个平台快速部署和发布Web应用。 时间戳: 00:00 高效Web开发流程简介 01:53 案例展示 03:06 天气应用开发演示 13:49 收音故事页面开发演示 18:33 总结

nicekate

20,818 views • 1 year ago

Kimi-K3在Arena中前端能力排名第一，超过了Fable5。 简单测试了一下，确实不错。 一句提示词：“生成一个仙剑奇侠传故事的网页”。 额度跑的有点快，最基础的¥49套餐，做一个网页，一个月的额度干没了16%。 全程在网页端操作，支持一键发布，最终成品：
0:30

Kimi-K3在Arena中前端能力排名第一，超过了Fable5。 简单测试了一下，确实不错。 一句提示词：“生成一个仙剑奇侠传故事的网页”。 额度跑的有点快，最基础的¥49套餐，做一个网页，一个月的额度干没了16%。 全程在网页端操作，支持一键发布，最终成品：

WY

19,671 views • 26 days ago

🚀 vibe coding 正在颠覆内部工具开发！ 我只花 1 小时，就用 搭好了 LLM 训练 + 监控平台： - 模型训练过程管理 - 数据集管理 - 计算资源 & 一键微调 + 部署 过去这样的内部平台可能需要花费数周的时间来开发，现在仅需要几个小时的时间。 PS. 我们的工作流是在 Devv 上开发完基本的功能后，会同步代码到本地，接入到真实的线上数据中。 未来我们会上线 Devv VSCode/Cursor/Windsurf 代码双向同步的工具。
1:21

🚀 vibe coding 正在颠覆内部工具开发！ 我只花 1 小时，就用 搭好了 LLM 训练 + 监控平台： - 模型训练过程管理 - 数据集管理 - 计算资源 & 一键微调 + 部署 过去这样的内部平台可能需要花费数周的时间来开发，现在仅需要几个小时的时间。 PS. 我们的工作流是在 Devv 上开发完基本的功能后，会同步代码到本地，接入到真实的线上数据中。 未来我们会上线 Devv VSCode/Cursor/Windsurf 代码双向同步的工具。

Jiayuan (JY) Zhang

21,391 views • 1 year ago

今天用Cursor做了一个上传HTML文件秒变网页的工具站，并且把从写代码到部署服务器绑定域名全流程录成了视频教程，我全程一行代码没写，全靠Cursor在输出 完整的图文教程链接： 大家周末可以动手跟着我一起实践下了😄 示例网站：
27:19

今天用Cursor做了一个上传HTML文件秒变网页的工具站，并且把从写代码到部署服务器绑定域名全流程录成了视频教程，我全程一行代码没写，全靠Cursor在输出 完整的图文教程链接： 大家周末可以动手跟着我一起实践下了😄 示例网站：

Truman

21,767 views • 1 year ago

👏iOS课程已发布！全长接近2个小时。这是我们的第一个iOS开发教程，基于Cursor开发一款AI语音记账软件（AI能力基于Qwen Omni）。通过这个教程，你将会学习到： 1. 使用Cursor生成产品的原型图 2. 使用Cursor自动编写SwiftUI的代码，开发iOS应用 3. 使用Python框架Flask + Supabase编写后端，并且接入Qwen Omni的全模态模型 来一起开发你的第一个iOS应用吧！完整教程地址：
2:56

👏iOS课程已发布！全长接近2个小时。这是我们的第一个iOS开发教程，基于Cursor开发一款AI语音记账软件（AI能力基于Qwen Omni）。通过这个教程，你将会学习到： 1. 使用Cursor生成产品的原型图 2. 使用Cursor自动编写SwiftUI的代码，开发iOS应用 3. 使用Python框架Flask + Supabase编写后端，并且接入Qwen Omni的全模态模型 来一起开发你的第一个iOS应用吧！完整教程地址：

Yihui

66,321 views • 1 year ago

今天我们开源了DeerFlow背后的开发与调试工具LLM Space。你可以用它创建、调试和评测 Agent，也可以快速搭建原型而不用写一行代码。我们期待你的转发和 Star 支持
0:33

今天我们开源了DeerFlow背后的开发与调试工具LLM Space。你可以用它创建、调试和评测 Agent，也可以快速搭建原型而不用写一行代码。我们期待你的转发和 Star 支持

Henry Li

21,863 views • 28 days ago

Codex 最新动态： 从 GPT‑5.6 与 Ultra 模式，到多智能体并行协作、计算机与浏览器操作、应用截图理解、行内代码和文档修改，再到一键发布 Sites、跨项目管理以及完整的 PR 工作流。 Codex 已不只是一个“帮你写代码”的工具，而是能够拆解复杂任务、操作和测试应用、协调多个项目、处理 Bug 与代码审查，并协助完成发布的开发伙伴。 无论你想提高日常开发效率，还是探索更自动化的 AI 编程方式，这支视频都能帮你快速掌握 Codex 的新能力和实际应用场景。 本视频由 baocut 翻译
7:12

Codex 最新动态： 从 GPT‑5.6 与 Ultra 模式，到多智能体并行协作、计算机与浏览器操作、应用截图理解、行内代码和文档修改，再到一键发布 Sites、跨项目管理以及完整的 PR 工作流。 Codex 已不只是一个“帮你写代码”的工具，而是能够拆解复杂任务、操作和测试应用、协调多个项目、处理 Bug 与代码审查，并协助完成发布的开发伙伴。 无论你想提高日常开发效率，还是探索更自动化的 AI 编程方式，这支视频都能帮你快速掌握 Codex 的新能力和实际应用场景。 本视频由 baocut 翻译

宝玉

37,498 views • 28 days ago

🚀Anthropic 悄无声息地推出了一项功能：Agent Teams 让 Claude 在 Claude code 内构建自己的 AI 代理团队! 该功能改变了传统的上下级 AI 架构，允许 Claude 构建一个同级代理团队。 这些代理可以共享任务列表、直接互相发送消息并审查彼此的工作，实现类似于真人团队的协作模式。 在演示中，一个由 QA 工程师、前端开发者和后端开发者组成的 3 人团队展示了这一能力。 QA 代理发现 3 个错误后，直接向前后端开发者发送反馈。开发者修复问题后，应用程序在一轮测试中即成功上线。 该功能在 Claude Code v2.1.32 及更高版本中可用。以下是开启方法与运行规则： 1. 启用方法 确保版本符合要求。在 settings.json 中添加以下配置： "env": { "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1" } 或者将此内容粘贴给 Claude 并说明“添加到我的设置中”，随后重启。 2. 提示词设定 使用纯英文进行提示。开始时需要设定一个明确的目标（代理启动时没有上下文）。 提示词示例："使用 Sonnet 创建一个 3 人团队"，并详细描述每个角色的职责、交付物以及完成后需要联系的下一个代理。 3. 运行规则 - 每个代理拥有自己的独立文件。 - 必须定义确切的输出。 - 指定明确的通信链路（谁与谁交谈）。 - 团队规模建议保持在 3-5 个代理。 4. 适用场景与限制 该功能适用于有独立部分且可以并行运行的复杂工作。对于简单或顺序任务，不建议使用该功能，因为团队协作会消耗 3-4 倍的 Token。
16:29

🚀Anthropic 悄无声息地推出了一项功能：Agent Teams 让 Claude 在 Claude code 内构建自己的 AI 代理团队! 该功能改变了传统的上下级 AI 架构，允许 Claude 构建一个同级代理团队。 这些代理可以共享任务列表、直接互相发送消息并审查彼此的工作，实现类似于真人团队的协作模式。 在演示中，一个由 QA 工程师、前端开发者和后端开发者组成的 3 人团队展示了这一能力。 QA 代理发现 3 个错误后，直接向前后端开发者发送反馈。开发者修复问题后，应用程序在一轮测试中即成功上线。 该功能在 Claude Code v2.1.32 及更高版本中可用。以下是开启方法与运行规则： 1. 启用方法 确保版本符合要求。在 settings.json 中添加以下配置： "env": { "CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS": "1" } 或者将此内容粘贴给 Claude 并说明“添加到我的设置中”，随后重启。 2. 提示词设定 使用纯英文进行提示。开始时需要设定一个明确的目标（代理启动时没有上下文）。 提示词示例："使用 Sonnet 创建一个 3 人团队"，并详细描述每个角色的职责、交付物以及完成后需要联系的下一个代理。 3. 运行规则 - 每个代理拥有自己的独立文件。 - 必须定义确切的输出。 - 指定明确的通信链路（谁与谁交谈）。 - 团队规模建议保持在 3-5 个代理。 4. 适用场景与限制 该功能适用于有独立部分且可以并行运行的复杂工作。对于简单或顺序任务，不建议使用该功能，因为团队协作会消耗 3-4 倍的 Token。

Lonely

19,881 views • 1 month ago