正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

爆肝制作，手把手带你，用 AI 做出你的第一个 App！👇👇 专门为没有任何编程和AI基础的朋友设计！ 1⃣如何写需求提示词 2⃣确定页面结构和设计， 3⃣产品需求文档， 4⃣开发计划， 5⃣第一版APP验收， 6⃣git代码存档， 7⃣二次开发， 8⃣界面美化， 9⃣做好的APP也会开源给到大家，我也会演示如何获取这个项目源代码并且用AI继续定制开发，你会收获一个为自己的工作和生活定制的专属APP！和更重要的，用AI开发软件的能力！时间线： 00:00 引言 00:40 1.写需求提示词 04:18 2.页面结构和设计 05:10 3.产品需求文档 08:14 4.开发计划 10:17 5.第一版验收 14:34 6.git代码存档 17:07 7.第二版优化 18:40 8.界面美化 21:43 9.获取开源项目二次开发 24:49 10.总结与结尾

木子不写代码

25,244 subscribers

165,970 次观看 • 5 天前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

🥳本周课程即将发布《用开源赚钱？结合Stitch + Github开源复刻草料二维码》！作为一个纯小白，如何使用Google的Stitch做产品设计图？如何使用Github的开源项目构建自己的项目 + Github项目中要注意的点和协议规则，确保可以商业化使用？还有开源项目盈利的3种方式。这一期的课程都会讲到，见我的AI编程课：

🥳本周课程即将发布《用开源赚钱？结合Stitch + Github开源复刻草料二维码》！作为一个纯小白，如何使用Google的Stitch做产品设计图？如何使用Github的开源项目构建自己的项目 + Github项目中要注意的点和协议规则，确保可以商业化使用？还有开源项目盈利的3种方式。这一期的课程都会讲到，见我的AI编程课：

Yihui

43,181 次观看 • 8 个月前

我做的第一个 macOS App 发布啦！没学过 Swift，全程用 Cursor 开发，很 vibe 的一次体验~ 从代码到设计到 Compressio 这个名字都来自 AI~ 软件本身源于我自己多预设灵活切换的压图需求，欢迎体验~

我做的第一个 macOS App 发布啦！没学过 Swift，全程用 Cursor 开发，很 vibe 的一次体验~ 从代码到设计到 Compressio 这个名字都来自 AI~ 软件本身源于我自己多预设灵活切换的压图需求，欢迎体验~

JJ Ying

61,143 次观看 • 1 年前

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 总结

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 次观看 • 1 年前

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

174,017 次观看 • 5 个月前

爆肝制作，全网最细的 0基础 AI 应用构建+上线系统教程！👇👇 这一期跟完，保证你能做出并上线自己的第一个 AI 应用： 1️⃣ 基础入门：AI 编程工具准备、基本操作、界面介绍。 2️⃣ 开发流程：插件、与 AI 制定开发计划、前端后端、数据库托管、API 请求、环境变量、GitHub、数据库迁移。 3️⃣ 上线实战：功能验收、前端设计优化、端到端测试、网站部署、购买域名。全程精剪没有废话，每一步都是理论 + 实操，真正从一个想法走到应用上线！时间戳： 00:42 1. AI编程工具准备 01:37 2.基本操作和界面介绍 04:31 3.智能体插件 07:03 4.superpowers制定开发计划 12:23 5.前端后端 14:05 6.supabase 14:46 7.API请求 16:08 8.子智能体驱动开发 17:11 9.环境变量 22:01 10.Github 24:46 11.Supabase密钥 26:50 12.数据库迁移 29:03 13.验收功能 32:19 14.前端设计优化 34:21 15.端到端测试 37:14 43:43 17.购买域名 44:42 18.总结与展望

爆肝制作，全网最细的 0基础 AI 应用构建+上线系统教程！👇👇 这一期跟完，保证你能做出并上线自己的第一个 AI 应用： 1️⃣ 基础入门：AI 编程工具准备、基本操作、界面介绍。 2️⃣ 开发流程：插件、与 AI 制定开发计划、前端后端、数据库托管、API 请求、环境变量、GitHub、数据库迁移。 3️⃣ 上线实战：功能验收、前端设计优化、端到端测试、网站部署、购买域名。全程精剪没有废话，每一步都是理论 + 实操，真正从一个想法走到应用上线！时间戳： 00:42 1. AI编程工具准备 01:37 2.基本操作和界面介绍 04:31 3.智能体插件 07:03 4.superpowers制定开发计划 12:23 5.前端后端 14:05 6.supabase 14:46 7.API请求 16:08 8.子智能体驱动开发 17:11 9.环境变量 22:01 10.Github 24:46 11.Supabase密钥 26:50 12.数据库迁移 29:03 13.验收功能 32:19 14.前端设计优化 34:21 15.端到端测试 37:14 43:43 17.购买域名 44:42 18.总结与展望

木子不写代码

221,694 次观看 • 3 个月前

兄弟们发现一个牛P的AI设计网站设计的界面非常精美、炸裂，完全可以直接使用。最重要的它大幅的简化了对设计提示词的要求你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计最牛P的是它还能根据界面设计上下文逻辑为你生成剩余的二级三级页面... 而且还支持对页面各种元素、文字、图像等进行精准编辑

兄弟们发现一个牛P的AI设计网站设计的界面非常精美、炸裂，完全可以直接使用。最重要的它大幅的简化了对设计提示词的要求你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计最牛P的是它还能根据界面设计上下文逻辑为你生成剩余的二级三级页面... 而且还支持对页面各种元素、文字、图像等进行精准编辑

小互

57,767 次观看 • 1 年前

📒 学习一下 Kiro 的 AI 开发工作流 Spec 感觉像一个擅长项目管理的技术经理 👨‍🚒 💻 Kiro 是 AWS 出的新的 AI IDE，亮点除了免费的 claude 4 之外，是他采用的 Spec 这种工作方式 🗂一个 Spec 可以说是一个规格/规范，如果用过BDD (行为驱动开发) 可能就会比较熟悉这个名词 ❓Spec 是用来解决如何把模糊的想法转化为详细的实施计划、跟踪和验收标准的问题每一个 Spec 目录下都包含 3 个文件，代表三个阶段： 1️⃣ - 需求文档：用户故事和验收标准，采用了简易需求语法方法 (EARS) ，是一种约束文本需求的机制 2️⃣ - 架构文档：记录技术架构、序列图和实施注意事项 3️⃣ - 任务清单：提供具体的 todolist，便于跟踪

📒 学习一下 Kiro 的 AI 开发工作流 Spec 感觉像一个擅长项目管理的技术经理 👨‍🚒 💻 Kiro 是 AWS 出的新的 AI IDE，亮点除了免费的 claude 4 之外，是他采用的 Spec 这种工作方式 🗂一个 Spec 可以说是一个规格/规范，如果用过BDD (行为驱动开发) 可能就会比较熟悉这个名词 ❓Spec 是用来解决如何把模糊的想法转化为详细的实施计划、跟踪和验收标准的问题每一个 Spec 目录下都包含 3 个文件，代表三个阶段： 1️⃣ - 需求文档：用户故事和验收标准，采用了简易需求语法方法 (EARS) ，是一种约束文本需求的机制 2️⃣ - 架构文档：记录技术架构、序列图和实施注意事项 3️⃣ - 任务清单：提供具体的 todolist，便于跟踪

Booker Zhao

91,299 次观看 • 1 年前

用 AI 打造视频内容分析利器：一键获取视频洞察 | 整合 DeepSeek + AI IDE 这款工具基于 DeepSeek API，能自动分析视频字幕和评论，提供智能化的内容总结。除了单个视频分析，还支持批量处理和字幕对话功能。我不仅分享了 YouTube Data API 的使用方法，更重要的是展示了如何借助 AI IDE 实现高效开发。时间戳： 0:00 - 项目介绍与功能演示 3:31 - 项目代码开源介绍 4:13 - YouTube Data API使用指南 5:48 - 项目架构与代码结构详解 6:50 - AI生成代码审查要点和高效使用技巧 8:58 - 用AI开发应用的规则和步骤分享 10:30 - 总结

用 AI 打造视频内容分析利器：一键获取视频洞察 | 整合 DeepSeek + AI IDE 这款工具基于 DeepSeek API，能自动分析视频字幕和评论，提供智能化的内容总结。除了单个视频分析，还支持批量处理和字幕对话功能。我不仅分享了 YouTube Data API 的使用方法，更重要的是展示了如何借助 AI IDE 实现高效开发。时间戳： 0:00 - 项目介绍与功能演示 3:31 - 项目代码开源介绍 4:13 - YouTube Data API使用指南 5:48 - 项目架构与代码结构详解 6:50 - AI生成代码审查要点和高效使用技巧 8:58 - 用AI开发应用的规则和步骤分享 10:30 - 总结

nicekate

17,406 次观看 • 1 年前

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

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

小互

20,076 次观看 • 1 年前

爆肝制作，全网最细最全的Github零基础系统教程！👇👇 1⃣基础：什么是Github 2⃣基础：找到Github好资源和开源软件的4个方法 3⃣基础：详解界面、stars、fork、watch 这些基本概念 4⃣进阶：搞清楚 GitHub 的工作原理 5⃣进阶：7 种常见的开源许可证和各自区别 6⃣实操：4 种使用 GitHub 项目的方式及用途 7⃣实操：一起手把手创建并且开源你的第一个项目全程假设你完全没有任何编程的基础，跟到最后成为玩转github的专家！全程精剪没有废话，每一个点都讲透+实操！章节划分： 00:43 什么是github 03:21 找到Github资源的4个方法 06:58 界面与基本概念详解 11:38 github基本工作原理：branches，tags 16:17 readme与7种常见的licence 21:26 4种下载使用github项目的方式 27:44 开源你的第一个项目 36:54 结尾

爆肝制作，全网最细最全的Github零基础系统教程！👇👇 1⃣基础：什么是Github 2⃣基础：找到Github好资源和开源软件的4个方法 3⃣基础：详解界面、stars、fork、watch 这些基本概念 4⃣进阶：搞清楚 GitHub 的工作原理 5⃣进阶：7 种常见的开源许可证和各自区别 6⃣实操：4 种使用 GitHub 项目的方式及用途 7⃣实操：一起手把手创建并且开源你的第一个项目全程假设你完全没有任何编程的基础，跟到最后成为玩转github的专家！全程精剪没有废话，每一个点都讲透+实操！章节划分： 00:43 什么是github 03:21 找到Github资源的4个方法 06:58 界面与基本概念详解 11:38 github基本工作原理：branches，tags 16:17 readme与7种常见的licence 21:26 4种下载使用github项目的方式 27:44 开源你的第一个项目 36:54 结尾

木子不写代码

807,590 次观看 • 10 天前

使用 Claude Code、Cursor 这些 AI 工具写代码时，很多人都是直接这样说：帮我开发一个 AI 聊天应用。瞬间能看到几百行代码生成，给人感觉确实很不错，若再让它加个登录注册功能，却发现所有代码直接重写。这就是 “氛围编程” 给大家带来的困扰，为此 GitHub 团队开源了 Spec Kit 这款工具，专门用来规范化我们使用 AI 工具的开发流程。让我们先用自然语言写清楚具体 “做什么” 和 “为什么”，然后再交给 AI 写代码。并且通过统一的规格模板和强制评审机制，把模糊需求逐步转化为高质量、可追溯的代码实现。 GitHub：整个开发过程都有完整的记录和追溯，即使六个月后回头看项目，也能清楚理解当初每个设计决策的来龙去脉。目前该工具开源不到一个月时间，便收获了 19.8k+ Star，已支持 Claude Code、Gemini CLI、Cursor 等 AI 工具。通过 uvx 安装后即可使用，提供了详细的教程文档，值得每位使用 AI 编程工具的同学看看。

使用 Claude Code、Cursor 这些 AI 工具写代码时，很多人都是直接这样说：帮我开发一个 AI 聊天应用。瞬间能看到几百行代码生成，给人感觉确实很不错，若再让它加个登录注册功能，却发现所有代码直接重写。这就是 “氛围编程” 给大家带来的困扰，为此 GitHub 团队开源了 Spec Kit 这款工具，专门用来规范化我们使用 AI 工具的开发流程。让我们先用自然语言写清楚具体 “做什么” 和 “为什么”，然后再交给 AI 写代码。并且通过统一的规格模板和强制评审机制，把模糊需求逐步转化为高质量、可追溯的代码实现。 GitHub：整个开发过程都有完整的记录和追溯，即使六个月后回头看项目，也能清楚理解当初每个设计决策的来龙去脉。目前该工具开源不到一个月时间，便收获了 19.8k+ Star，已支持 Claude Code、Gemini CLI、Cursor 等 AI 工具。通过 uvx 安装后即可使用，提供了详细的教程文档，值得每位使用 AI 编程工具的同学看看。

GitHubDaily

108,168 次观看 • 10 个月前

一个中国小伙，非程序员出身，利用AI工具，一人一家公司OPC，成功干出了一年1000万的收入！他就是使用CHATGPT等AI工具设计付费的APP工具。他的工作流程是这样子的： 1.洞察需求 2.打磨需求 3.总结需求文档 4.做产品原型图 5.做产品的功能 6.做出MVP 7.验证MVP 8.找到1000个用户 9.设计变现点 10.验证失败验证成功 11.投放市场 AI时代，懂得使用AI工具的人可以放大自身的能力，创造一切可能性，值得我们好好学习。他具体是怎么实现的？请看下面的视频，听他的一一介绍工作流程。

一个中国小伙，非程序员出身，利用AI工具，一人一家公司OPC，成功干出了一年1000万的收入！他就是使用CHATGPT等AI工具设计付费的APP工具。他的工作流程是这样子的： 1.洞察需求 2.打磨需求 3.总结需求文档 4.做产品原型图 5.做产品的功能 6.做出MVP 7.验证MVP 8.找到1000个用户 9.设计变现点 10.验证失败验证成功 11.投放市场 AI时代，懂得使用AI工具的人可以放大自身的能力，创造一切可能性，值得我们好好学习。他具体是怎么实现的？请看下面的视频，听他的一一介绍工作流程。

小龙先生

66,002 次观看 • 3 个月前

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub：主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub：主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

GitHubDaily

42,801 次观看 • 1 年前

GitHub 看不下去了，亲自下场给 AI 编程立规矩！🔥 Spec Kit，GitHub 出品，短短几天已经 109k+ Star。如果你经常用 Claude Code、Cursor 或 Copilot 写项目，大概率遇到过这种情况：第一版看着挺对。第二版开始偏。改了十几轮后发现，AI 理解的根本不是你想做的东西。 Spec Kit 想解决的就是这个问题。先把需求定义清楚。再让 AI 干活。需求 → 计划 → 任务 → 代码。整个过程都有据可依，而不是一路靠 Prompt 猜。核心亮点： - 一句话需求自动生成 Spec，验收标准、边界条件一起补全。 - Spec 自动转开发计划，任务拆分、技术方案、测试清单直接生成。 - Claude Code、Copilot、Gemini、Codex 等 30+ AI Coding Agent 全兼容。 - 支持 Preset 和 Extension，团队规范、行业模板直接复用。 - 新项目、功能迭代、遗留系统改造，一套流程全覆盖。我最喜欢的一点是：它不是教 AI 写更多代码。而是尽量避免 AI 从第一步就写错代码。如果你已经开始用 AI 做开发，这个项目值得放进收藏夹。

GitHub 看不下去了，亲自下场给 AI 编程立规矩！🔥 Spec Kit，GitHub 出品，短短几天已经 109k+ Star。如果你经常用 Claude Code、Cursor 或 Copilot 写项目，大概率遇到过这种情况：第一版看着挺对。第二版开始偏。改了十几轮后发现，AI 理解的根本不是你想做的东西。 Spec Kit 想解决的就是这个问题。先把需求定义清楚。再让 AI 干活。需求 → 计划 → 任务 → 代码。整个过程都有据可依，而不是一路靠 Prompt 猜。核心亮点： - 一句话需求自动生成 Spec，验收标准、边界条件一起补全。 - Spec 自动转开发计划，任务拆分、技术方案、测试清单直接生成。 - Claude Code、Copilot、Gemini、Codex 等 30+ AI Coding Agent 全兼容。 - 支持 Preset 和 Extension，团队规范、行业模板直接复用。 - 新项目、功能迭代、遗留系统改造，一套流程全覆盖。我最喜欢的一点是：它不是教 AI 写更多代码。而是尽量避免 AI 从第一步就写错代码。如果你已经开始用 AI 做开发，这个项目值得放进收藏夹。

开发者Hailey

22,034 次观看 • 2 个月前

眼红别人接私单赚外快？别自己啃文档了，教你用ChatGPT+Cursor一键生成桌面应用，直接抄作业搞钱！ 1️⃣ 定需求+技术栈：明确要做的软件（如学生管理系统），选技术栈（如Electron+Vue+SpringBoot+MySQL）。 2️⃣ ChatGPT生成提示词：输入“我要开发XXX系统，技术栈用XXX，给我Cursor提示词”，复制生成的结构化提示词。 3️⃣ Cursor生成代码：创建空文件夹，粘贴提示词+项目初始化命令，AI自动创建前后端架构、数据库表、接口代码。 4️⃣ 运行调试：用IDE导入项目，配置环境（如JDK），启动前后端，修复小bug后上线。别当代码搬运工了，AI时代要当“需求架构师”。你负责提需求，AI负责写代码，这才是普通人搞钱的新杠杆。

眼红别人接私单赚外快？别自己啃文档了，教你用ChatGPT+Cursor一键生成桌面应用，直接抄作业搞钱！ 1️⃣ 定需求+技术栈：明确要做的软件（如学生管理系统），选技术栈（如Electron+Vue+SpringBoot+MySQL）。 2️⃣ ChatGPT生成提示词：输入“我要开发XXX系统，技术栈用XXX，给我Cursor提示词”，复制生成的结构化提示词。 3️⃣ Cursor生成代码：创建空文件夹，粘贴提示词+项目初始化命令，AI自动创建前后端架构、数据库表、接口代码。 4️⃣ 运行调试：用IDE导入项目，配置环境（如JDK），启动前后端，修复小bug后上线。别当代码搬运工了，AI时代要当“需求架构师”。你负责提需求，AI负责写代码，这才是普通人搞钱的新杠杆。

Vincent

17,258 次观看 • 3 个月前

零基础教程：用Cursor和Gemini API打造你的第一个Chrome插件今天我要和大家分享如何用Cursor和Gemini API制作一个Chrome浏览器插件，用来总结网页内容。在视频中，我从头到尾演示了整个过程，包括获取API密钥、用Cursor写代码、调试插件功能，以及选择合适的Gemini模型版本。我还介绍了一些实用技巧，比如从GitHub获取cookbook和使用AI Studio。时间戳： 00:00 - 介绍我用Cursor制作的几个Chrome插件用法 08:08 - 演示如何获取Gemini API密钥 12:33 - 开始使用Cursor编写插件代码 16:16 - 调试和修改插件功能 20:29 - 讨论从GitHub获取cookbook和使用AI Studio 21:16 - 解释Gemini模型版本的选择和使用 22:12 - 视频总结和结束语

零基础教程：用Cursor和Gemini API打造你的第一个Chrome插件今天我要和大家分享如何用Cursor和Gemini API制作一个Chrome浏览器插件，用来总结网页内容。在视频中，我从头到尾演示了整个过程，包括获取API密钥、用Cursor写代码、调试插件功能，以及选择合适的Gemini模型版本。我还介绍了一些实用技巧，比如从GitHub获取cookbook和使用AI Studio。时间戳： 00:00 - 介绍我用Cursor制作的几个Chrome插件用法 08:08 - 演示如何获取Gemini API密钥 12:33 - 开始使用Cursor编写插件代码 16:16 - 调试和修改插件功能 20:29 - 讨论从GitHub获取cookbook和使用AI Studio 21:16 - 解释Gemini模型版本的选择和使用 22:12 - 视频总结和结束语

nicekate

65,732 次观看 • 1 年前

最近在开发圈很火的 GitHub 项目 Firecrawl，一个专门给 AI 用的智能爬虫，已经 7万+ Star 了。一句话总结：它可以把任何网站，直接变成 AI 能用的数据。只要给它一个 URL，它就会自动： - 抓取整站页面 - 清洗网页内容 - 解析结构信息 - 输出 Markdown / JSON 也就是说：网站 → 结构化数据 → 直接喂给 LLM。现在很多 AI 项目的数据流程其实都是：网站 → Firecrawl → 向量库 → RAG → AI 应用如果你在做： - AI Agent - RAG 知识库 - 自动化数据采集这个工具基本算是 AI 开发的基础设施了

最近在开发圈很火的 GitHub 项目 Firecrawl，一个专门给 AI 用的智能爬虫，已经 7万+ Star 了。一句话总结：它可以把任何网站，直接变成 AI 能用的数据。只要给它一个 URL，它就会自动： - 抓取整站页面 - 清洗网页内容 - 解析结构信息 - 输出 Markdown / JSON 也就是说：网站 → 结构化数据 → 直接喂给 LLM。现在很多 AI 项目的数据流程其实都是：网站 → Firecrawl → 向量库 → RAG → AI 应用如果你在做： - AI Agent - RAG 知识库 - 自动化数据采集这个工具基本算是 AI 开发的基础设施了

开发者Hailey

140,385 次观看 • 5 个月前

GitHub 神级项目，65k ⭐️ 爆款！—— MetaGPT，直接把写代码变成开公司的玩法。一句话，让 AI 组建全套开发团队。一句话需求： “开发一个 CLI 黑杰克游戏” 它会自动生成： - 用户故事 & 产品需求文档(PRD) - 竞争分析 - 系统架构设计 - 数据结构 & API接口 - 可执行代码 & 测试用例核心亮点：角色分工明确：产品经理、架构师、项目经理、工程师……AI 按标准化流程(SOP)协作效率惊人：传统团队几天工作，AI 分分钟搞定技术支撑：Python 3.9+，支持 conda/pip 快速部署理念颠覆：代码 = SOP，让 AI 按公司流程打工本质：用自然语言输入，替代整个软件开发流程。一个人 = 一家公司被 ProductHunt 评为周最佳产品，多个独立应用已成功上线。

GitHub 神级项目，65k ⭐️ 爆款！—— MetaGPT，直接把写代码变成开公司的玩法。一句话，让 AI 组建全套开发团队。一句话需求： “开发一个 CLI 黑杰克游戏” 它会自动生成： - 用户故事 & 产品需求文档(PRD) - 竞争分析 - 系统架构设计 - 数据结构 & API接口 - 可执行代码 & 测试用例核心亮点：角色分工明确：产品经理、架构师、项目经理、工程师……AI 按标准化流程(SOP)协作效率惊人：传统团队几天工作，AI 分分钟搞定技术支撑：Python 3.9+，支持 conda/pip 快速部署理念颠覆：代码 = SOP，让 AI 按公司流程打工本质：用自然语言输入，替代整个软件开发流程。一个人 = 一家公司被 ProductHunt 评为周最佳产品，多个独立应用已成功上线。

开发者Hailey

33,097 次观看 • 4 个月前

挖到了一个做产品宣传片超级好用的 Codex Skill：video-shotcraft。我用 drawDB 和 JSON Crack 实测了一遍。只需要确定产品和展示方向，Codex 就会继续分析页面、设计分镜、制作动画、匹配音乐和音效，最后渲染成片。你现在看到的这支 52 秒视频，就是实际跑出来的结果。它做的不是普通录屏，而是把真实产品界面重新组织成一支有运镜、有节奏、有视觉风格的宣传片。中途还会检查画面问题、修改代码并重新渲染。最终交付了 1080p 带音乐版，以及只保留音效的无音乐版。这个 Skill 不是我开发的，作者是 Vincentwei1021。独立开发者和开源项目可以试试。项目地址：

挖到了一个做产品宣传片超级好用的 Codex Skill：video-shotcraft。我用 drawDB 和 JSON Crack 实测了一遍。只需要确定产品和展示方向，Codex 就会继续分析页面、设计分镜、制作动画、匹配音乐和音效，最后渲染成片。你现在看到的这支 52 秒视频，就是实际跑出来的结果。它做的不是普通录屏，而是把真实产品界面重新组织成一支有运镜、有节奏、有视觉风格的宣传片。中途还会检查画面问题、修改代码并重新渲染。最终交付了 1080p 带音乐版，以及只保留音效的无音乐版。这个 Skill 不是我开发的，作者是 Vincentwei1021。独立开发者和开源项目可以试试。项目地址：

Rachel🥥

13,120 次观看 • 10 天前