Загрузка видео...

Не удалось загрузить видео

На главную

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

nicekate8888's profile picture

nicekate

10,895 subscribers

20,818 просмотров • 1 год назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 3

Фото профиля 87年的脚本
87年的脚本1 год назад

看完后觉得现在将一个设计直接变成网站并部署好真方便，感谢分享，终于理顺了操作流程。

Фото профиля Alex Zhang
Alex Zhang1 год назад

学习下，再反馈

Фото профиля Jinglin
Jinglin1 год назад

mark

Похожие видео

用 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 - 总结
11:05

用 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 год назад

🎉连肝了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

19,959 просмотров • 1 год назад

OpenAI 官方发布的【Codex AI 智能体上手指南】（中英文双语字幕） 想知道 OpenAI 最新的编程 AI 智能体 Codex 是如何工作的吗？在这段由 OpenAI 官方制作的演示中，您将看到： - Codex 核心能力： 如何连接 GitHub，独立浏览和理解代码库，进行代码修改，并自动生成合并请求（PR）。 - 实战操作： 从设置云端环境、分配多任务，到提供 agent . md 等上下文信息，引导 AI 智能体精准修复 GitHub 问题并进行测试验证。 - 开发者提效： 了解 Codex 如何作为远程 AI 编程助手，在云端高效处理任务，帮助开发者简化日常工作，专注于创新。 您可以快速掌握 OpenAI 这款前沿 AI 编程工具的强大功能和使用方法，了解其如何帮助开发者提升日常工作效率。
4:25

OpenAI 官方发布的【Codex AI 智能体上手指南】（中英文双语字幕） 想知道 OpenAI 最新的编程 AI 智能体 Codex 是如何工作的吗？在这段由 OpenAI 官方制作的演示中，您将看到： - Codex 核心能力： 如何连接 GitHub，独立浏览和理解代码库，进行代码修改，并自动生成合并请求（PR）。 - 实战操作： 从设置云端环境、分配多任务，到提供 agent . md 等上下文信息，引导 AI 智能体精准修复 GitHub 问题并进行测试验证。 - 开发者提效： 了解 Codex 如何作为远程 AI 编程助手，在云端高效处理任务，帮助开发者简化日常工作，专注于创新。 您可以快速掌握 OpenAI 这款前沿 AI 编程工具的强大功能和使用方法，了解其如何帮助开发者提升日常工作效率。

宝玉

52,534 просмотров • 1 год назад

WindSurf + DeepSeek 打造 AI 智能闪卡：从界面设计到功能实现全流程演示 | 开源分享 在本视频中，我将详细演示如何利用 WindSurf、DeepSeek API、Tldraw 等工具，从零开始打造一款 AI 智能闪卡应用。 视频内容涵盖闪卡的生成、标记、复习等核心功能，以及数据库本地存储和自定义内容导入等实用特性。 我还分享了如何使用 Shadcn UI 快速搭建前端界面，并结合代码块高亮与 Markdown 渲染技术，最终呈现出一个易维护的智能闪卡应用。 时间戳 0:00 - 开场介绍与演示效果 3:41 - 开源信息 3:47 - Tldraw 快速创作页面 5:16 - 和 Windsurf 开始对话 5:48 - Shadcn CLI 使用 6:33 - 功能界面迭代 9:09 - 和 Windsurf 沟通详情 11:35 - 总结
12:44

WindSurf + DeepSeek 打造 AI 智能闪卡：从界面设计到功能实现全流程演示 | 开源分享 在本视频中，我将详细演示如何利用 WindSurf、DeepSeek API、Tldraw 等工具，从零开始打造一款 AI 智能闪卡应用。 视频内容涵盖闪卡的生成、标记、复习等核心功能，以及数据库本地存储和自定义内容导入等实用特性。 我还分享了如何使用 Shadcn UI 快速搭建前端界面，并结合代码块高亮与 Markdown 渲染技术，最终呈现出一个易维护的智能闪卡应用。 时间戳 0:00 - 开场介绍与演示效果 3:41 - 开源信息 3:47 - Tldraw 快速创作页面 5:16 - 和 Windsurf 开始对话 5:48 - Shadcn CLI 使用 6:33 - 功能界面迭代 9:09 - 和 Windsurf 沟通详情 11:35 - 总结

nicekate

22,560 просмотров • 1 год назад

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

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

小互

13,185 просмотров • 1 год назад

零基础教程：用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 - 视频总结和结束语
22:19

零基础教程：用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 год назад

Cursor / Windsurf + Android Studio 高效AI编程：零基础也能开发安卓应用 视频亮点： 双工具对比：解析 Cursor 和 Windsurf 各自优势 实战案例：从五子棋到卡路里计算AI应用的完整开发过程 专业部署：Android Studio 配置与构建技巧 时间戳： 0:00 - 引言 0:26 - 我开发的应用演示 2:33 - React Native Expo VS Android Studio 3:21 - Android Studio安装要求 4:06 - Android Studio基础使用 5:31 - 用Cursor生成五子棋游戏 6:53 - Android Studio无线调试 7:40 - 用Cursor开发幻灯片页面 8:42 - 用Windsurf 开发卡路里计算AI应用 17:13 - Android Studio图标设置、生成APK 17:57 - 对比总结
20:11

Cursor / Windsurf + Android Studio 高效AI编程：零基础也能开发安卓应用 视频亮点： 双工具对比：解析 Cursor 和 Windsurf 各自优势 实战案例：从五子棋到卡路里计算AI应用的完整开发过程 专业部署：Android Studio 配置与构建技巧 时间戳： 0:00 - 引言 0:26 - 我开发的应用演示 2:33 - React Native Expo VS Android Studio 3:21 - Android Studio安装要求 4:06 - Android Studio基础使用 5:31 - 用Cursor生成五子棋游戏 6:53 - Android Studio无线调试 7:40 - 用Cursor开发幻灯片页面 8:42 - 用Windsurf 开发卡路里计算AI应用 17:13 - Android Studio图标设置、生成APK 17:57 - 对比总结

nicekate

102,398 просмотров • 1 год назад

Codex 发布视频中英文双语字幕 见证软件工程的未来！OpenAI 为您带来 Codex 的最新研究性预览——一个强大的远程 AI 智能体，现已集成到 ChatGPT (专业版、企业版和团队版用户首批体验)。 在本视频中，我们将深入探讨 Codex 如何利用全新的 codex-1 模型，在云端并行处理复杂的软件开发任务：从解释代码库、查找并修复 Bug，到主动提出优化建议、甚至处理大规模代码重构。了解 AI 智能体如何在你自己的代码仓库和环境中工作，以及 OpenAI 是如何通过端到端强化学习训练这些智能体，使其不仅能编写代码，还能理解和操作整个开发流程。 这不仅仅是工具的升级，更是向 AI 作为全能开发伙伴的转变。准备好了解 Codex 如何让您的开发工作流发生根本性变化，以及它如何预示着一个人人都能更高效构建软件的未来。
23:04

Codex 发布视频中英文双语字幕 见证软件工程的未来！OpenAI 为您带来 Codex 的最新研究性预览——一个强大的远程 AI 智能体，现已集成到 ChatGPT (专业版、企业版和团队版用户首批体验)。 在本视频中，我们将深入探讨 Codex 如何利用全新的 codex-1 模型，在云端并行处理复杂的软件开发任务：从解释代码库、查找并修复 Bug，到主动提出优化建议、甚至处理大规模代码重构。了解 AI 智能体如何在你自己的代码仓库和环境中工作，以及 OpenAI 是如何通过端到端强化学习训练这些智能体，使其不仅能编写代码，还能理解和操作整个开发流程。 这不仅仅是工具的升级，更是向 AI 作为全能开发伙伴的转变。准备好了解 Codex 如何让您的开发工作流发生根本性变化，以及它如何预示着一个人人都能更高效构建软件的未来。

宝玉

126,923 просмотров • 1 год назад

👏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 просмотров • 11 месяцев назад

【0基础教程】不写一行代码, 如何开发出你的第一个AI + iOS应用？
7:04

【0基础教程】不写一行代码, 如何开发出你的第一个AI + iOS应用？

Yihui

29,291 просмотров • 11 месяцев назад

如何让 GitHub Copilot 更好的帮你完成编码任务 GitHub Copilot 不过是开发者工具箱里众多工具之一；要想有效使用它，就需要掌握一定的技巧。我们经常接收到开发者的提问，他们想知道如何更好地利用 GitHub Copilot、如何编写有效的注释来生成代码，以及应该提出哪些问题。我们请来了企业解决方案工程师 Lindsey Bocatto 来分享使用 GitHub Copilot 的最佳实践，以及如何有效地利用这一新工具。 ▬▬▬▬▬▬ 视频时间点 ⌚ ▬▬▬▬▬▬ 0:00 开场介绍 1:12 如何开始使用 GitHub Copilot 5:22 GitHub Copilot 是如何理解提示上下文的？ 8:00 通过 GitHub Copilot 聊天功能提出问题 10:51 向 GitHub Copilot 提供更多上下文信息 13:43 使用 GitHub Copilot 的小贴士
17:33

如何让 GitHub Copilot 更好的帮你完成编码任务 GitHub Copilot 不过是开发者工具箱里众多工具之一；要想有效使用它，就需要掌握一定的技巧。我们经常接收到开发者的提问，他们想知道如何更好地利用 GitHub Copilot、如何编写有效的注释来生成代码，以及应该提出哪些问题。我们请来了企业解决方案工程师 Lindsey Bocatto 来分享使用 GitHub Copilot 的最佳实践，以及如何有效地利用这一新工具。 ▬▬▬▬▬▬ 视频时间点 ⌚ ▬▬▬▬▬▬ 0:00 开场介绍 1:12 如何开始使用 GitHub Copilot 5:22 GitHub Copilot 是如何理解提示上下文的？ 8:00 通过 GitHub Copilot 聊天功能提出问题 10:51 向 GitHub Copilot 提供更多上下文信息 13:43 使用 GitHub Copilot 的小贴士

宝玉

64,679 просмотров • 2 лет назад

这个人展示了如何在短短 8 分钟内使用 Claude 创建移动应用。这是一个非常直观的教程，他演示了如何利用 AI 从零开始构建出一个功能完备的应用，过程循序渐进，毫无复杂之处。如果你正在学习 AI，这一定会让你感兴趣。
8:16

这个人展示了如何在短短 8 分钟内使用 Claude 创建移动应用。这是一个非常直观的教程，他演示了如何利用 AI 从零开始构建出一个功能完备的应用，过程循序渐进，毫无复杂之处。如果你正在学习 AI，这一定会让你感兴趣。

Bill The Investor

57,137 просмотров • 1 месяц назад

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

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

小互

39,771 просмотров • 1 год назад

从一个想法到 App Store 只用了 20 天——我如何在不是全职程序员的情况下，用 AI 打造并发布一款 iOS 应用：JAM。 如果你有一个创意，想把它变成真正的产品，现在的速度可以比你想象的还快。 在这段视频里，我会告诉你，如何在完全没有传统编程经验的情况下，借助像 Cursor 这样的 AI 工具，仅用 20 天就从构思走到 App Store 上架。 这是一份针对设计师和科技从业者的真实案例，展示了现代 AI 工具如何加速工作流程、验证产品创意，并在极短时间内完成可用原型。
7:55

从一个想法到 App Store 只用了 20 天——我如何在不是全职程序员的情况下，用 AI 打造并发布一款 iOS 应用：JAM。 如果你有一个创意，想把它变成真正的产品，现在的速度可以比你想象的还快。 在这段视频里，我会告诉你，如何在完全没有传统编程经验的情况下，借助像 Cursor 这样的 AI 工具，仅用 20 天就从构思走到 App Store 上架。 这是一份针对设计师和科技从业者的真实案例，展示了现代 AI 工具如何加速工作流程、验证产品创意，并在极短时间内完成可用原型。

Bear Liu

51,530 просмотров • 9 месяцев назад

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

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

GitHubDaily

42,801 просмотров • 11 месяцев назад

开源 | 基于 DeepSeek、Kokoro TTS 与 Replicate 的多功能内容 AI 创作应用：故事、播客、图像、音频一站式生成 简介： 在本期视频中，我详细演示了一个整合 DeepSeek、Kokoro TTS 以及 Replicate 的多功能内容创作应用。 该应用我已开源，它可以一键生成故事、播客脚本并支持语音合成，还可通过 Replicate 进行图像创作。 我还分享了如何根据角色或场景灵活选择不同的声音和微调图像，以及如何在浏览器开发者工具和 Replicate 后台进行调试和错误排查。 无论你是想快速生成多角色故事、播客脚本，还是想尝试个性化图像生成，本视频都能为你提供实用的思路与示例。 时间戳： 0:00 - 项目开源和简介 0:53 - 应用演示 7:30 - Kokoro js 介绍 8:24 - Replicate API 调用说明 10:10 - Replicate 图片模型微调介绍 11:40 - 浏览器开发者工具调试 14:44 - 应用提示词解读 17:04 - 要点总结
18:29

开源 | 基于 DeepSeek、Kokoro TTS 与 Replicate 的多功能内容 AI 创作应用：故事、播客、图像、音频一站式生成 简介： 在本期视频中，我详细演示了一个整合 DeepSeek、Kokoro TTS 以及 Replicate 的多功能内容创作应用。 该应用我已开源，它可以一键生成故事、播客脚本并支持语音合成，还可通过 Replicate 进行图像创作。 我还分享了如何根据角色或场景灵活选择不同的声音和微调图像，以及如何在浏览器开发者工具和 Replicate 后台进行调试和错误排查。 无论你是想快速生成多角色故事、播客脚本，还是想尝试个性化图像生成，本视频都能为你提供实用的思路与示例。 时间戳： 0:00 - 项目开源和简介 0:53 - 应用演示 7:30 - Kokoro js 介绍 8:24 - Replicate API 调用说明 10:10 - Replicate 图片模型微调介绍 11:40 - 浏览器开发者工具调试 14:44 - 应用提示词解读 17:04 - 要点总结

nicekate

39,492 просмотров • 1 год назад