Transcript

00:00:00>> 嘿,大家好。
00:00:07>> 大家好。
00:00:14>> 嗨。
00:00:17>> 最近怎么样?
00:00:23>> 我很兴奋。
00:00:32>> 好的,欢迎大家来到我们第一期 V0 Power Hour。
00:00:37这是我们正在尝试的新内容。
00:00:39我们觉得每周或每隔几周进行一次直播会很有趣,在 V0 中根据观众的评论进行实时构建。
00:00:48未来,希望我们能邀请到一些有趣的嘉宾。
00:00:51但今天,我们有几位 Vercel 社区团队的成员。
00:00:55我是 Ali。我在 V0 工作。
00:00:58我的头衔是技术团队成员。
00:01:00这是我最近常说的。
00:01:02>> 我确实很难决定你的头衔。
00:01:05我当时想,"她做的事情太多了。" >> Caroline、Amy,你们想介绍一下自己吗?
00:01:12然后我想我们可以愉快地进行一些即兴创作和提示。
00:01:15>> 好的。Caroline,你想先开始吗?
00:01:17>> 好的。我很乐意。我是 Caroline。
00:01:19我和 Ali 一起在 V0 工作,花很多时间与我们的社区互动,这是我第一次直播。
00:01:25我一个月前加入 Vercel,所以我真的很兴奋。
00:01:27这是很多社区成员一直要求的内容。
00:01:30Ali 刚才说我们会每周进行一次,所以我想我们会每周进行。
00:01:33>> 是的。你可能已经见过我了。
00:01:38我是 Amy。我也在 Vercel 的社区团队,我很喜欢做这些直播。
00:01:43这绝对不是我的第一次直播,但我对今天真的很期待。
00:01:46>> 是的。我们有一位经验丰富的专家。我喜欢这样。
00:01:49好的。如果你还没有登录 Vercel 社区,那就是我们正在查看的聊天室。
00:01:57我想这是 Vercel 社区中的一个活动,你可以确保已登录,然后就能发布任何提示建议或我们可以用 V0 构建的有趣想法。
00:02:08除此之外,我们只是从社区收集建议,看看 V0 能构建什么。
00:02:14Amy,我有什么遗漏的吗?
00:02:15>> 只是快速提醒聊天室的几点。
00:02:18确保你在活动上点击了"参加",这样你才能真正发送消息,而不只是看到它。
00:02:24请记住行为准则。
00:02:27基本上就是,对彼此友善。
00:02:29>> 太棒了。我喜欢。
00:02:32好的,Caroline,我想我们有第一个提示作为这次 Power Hour 的开场。
00:02:39>> 这是一位大使提供的。
00:02:40>> 太棒了。好的,我要用这个提示开始,让我分享一下我的屏幕,然后我们可以开始用 V0 进行构建。
00:02:52好了。太好了。大家都能看到吗?
00:03:01>> 能看到。
00:03:02>> 完美。我们要开始的这个提示是:使用 ASCII 着色器动画为 V0 Power Hour 创建一个开场。
00:03:13确保以问候语 "Hello World" 开始。让 ASCII 字符为每条消息重新排列,
00:03:20使用连续动画,
00:03:21让每条消息保持可见约三秒钟。
00:03:23保持消息行简短。
00:03:25我们要给 V0 这个提示,看看它会做什么。
00:03:30这是一个非常具体的提示。我喜欢。
00:03:32>> 我一直对 Power Hour 很期待。
00:03:36>> 太棒了。好的。
00:03:40V0 正在思考,然后它会开始实际生成我们想要它构建的内容。
00:03:46太棒了。
00:03:51>> 这很好地提醒我们应该有一个动画开场。
00:03:54我想也许如果我们开始做 Power Hour,我们已经有了。
00:03:57>> 是的,也许我们可以把它用于 Power Hour。
00:04:00太可爱了。我喜欢。
00:04:05我确实想做一些节日主题的生成。
00:04:08我有我非常欢乐的节日乐谱。
00:04:12>> 你看到其中一位大使今天分享了一个圣诞老人追踪器吗?
00:04:16>> 天哪。他们在社交媒体上发布了吗?
00:04:18>> 是用西班牙语写的,所以我得想办法把它翻译成英语。
00:04:20我不知道圣诞老人现在在哪里,但我们可以查一下。
00:04:24>> 好吧,也许我们也会构建一个圣诞老人追踪器。这看起来很有趣。
00:04:28V0 还在构建中。
00:04:33它在告诉我们它在做什么。
00:04:37让我们看看。还有其他什么,
00:04:40比如圣诞老人追踪器,
00:04:42如果你们有其他节日主题提示的想法,
00:04:46可以输入到 V0 中,
00:04:48请在聊天室里告诉我们。
00:04:51>> 我觉得像精灵绩效排行榜,比如顶级精灵。
00:04:56>> 他们达到 KPI 了吗?
00:04:59>> 没错。
00:05:00>> 精灵们竞争得当吗?
00:05:01>> 我们可以做一个淘气和乖巧名单,但在凡尔赛,我们可以看看团队里谁在淘气名单上,谁在乖巧名单上。
00:05:08>> Atar会叫停这个的。
00:05:10>> 是啊,我觉得不太可能。
00:05:11>> 也许我们可以用一些假的人名。
00:05:14>> 我们可以用假名字。我们还可以用精灵的名字。
00:05:17>> 我们可以直接用名人。
00:05:18名人淘气与乖巧名单。
00:05:19>> 哦,对。淘气和乖巧名单会很有意思。
00:05:21>> 现在甚至都2025年了。
00:05:23>> 是啊。也许会引起争议。
00:05:27>> 哦,聊天里有个问题。
00:05:29他们想知道我们现在用的是哪个模型。
00:05:32>> 哦,这是个好问题。
00:05:34>> 我们现在用的是V0 Pro。
00:05:37我可能应该在开始之前就选好模型的。
00:05:44现在只是用的默认设置。
00:05:46但这个问题非常具体。
00:05:48我觉得这就是为什么它构建需要一点时间。
00:05:51>> 正在思考中。
00:05:53>> 我们还收到一个问题。
00:06:01V0 Max在图像生成方面更好,这说法对吗?
00:06:04>> 是的。V0 Max基本上是我们这里的顶级模型。
00:06:09你可以看到它说具有处理复杂工作的最高智能。
00:06:13它由Cloud Opus驱动。
00:06:14这会给你最高质量的设计和生成结果。
00:06:19>> 我们的圣诞老人追踪器必须使用V0 Max。
00:06:25>> 我在用我的个人账户。
00:06:27如果我用完了积分,我们就得用别人的了。
00:06:31>> 成交。
00:06:33>> 太棒了。期待感越来越强烈了。
00:06:38我在想,这会是什么样子?
00:06:41>> 它正在非常努力地思考,把所有小角色排列好。
00:06:46>> 我知道。肯定会很精彩的。
00:06:50>> 我感觉这些角色排列的东西就是我以前在推特上看到别人能做出来的,
00:06:55要花好几个小时研究,
00:06:57人们到底是怎么花时间看它们都排在哪儿的?
00:07:00现在能用V0直接做这个真的很酷。
00:07:02你不用再在键盘上花那么多时间了。
00:07:04>> 没错。也许我们可以在这个构建的时候先开始做另一个。
00:07:12不是我又说V0了。
00:07:15让我换成这个标签页。
00:07:19Caroline,聊天里有什么提示词了吗,我们可以开始做?
00:07:24>> Amy,聊天里有吗?
00:07:26>> 我在聊天里没看到。
00:07:29>> 我要试试圣诞老人追踪器。
00:07:32来吧。我要这样做。
00:07:40我们要为圣诞老人的运营构建一个内部仪表盘。
00:07:45雪橇追踪器、路线规划器、驯鹿、计时器、淘气/乖巧表格和路线规划器。
00:07:56来看看。这个也用的是V0 Pro。
00:08:02还在构建中。我觉得我们中应该有人打扮成圣诞老人。
00:08:13>> 我知道。我应该穿件毛衣的。
00:08:15我好羡慕你有一件。
00:08:17>> 我知道。
00:08:18>> 我昨天从塔吉特用door dash叫的这个。
00:08:22我发现你可以从塔吉特用door dash叫衣服。
00:08:25我没有任何节日装饰品,因为我搬到了全国另一边,感觉丢了好多东西。
00:08:33我当时想,"我明天需要一件节日毛衣,因为我们要做这个。" 你可以从塔吉特用door dash叫。我之前都不知道。
00:08:40>> 这很好知道。
00:08:41>> 创新。
00:08:44>> 我们给圣诞老人追踪器安排了好多任务。
00:08:50当你在V0里构建这样的东西时,你通常会一次性把所有要求都加上,还是你喜欢先搭个架子然后再补充?
00:08:59在这种情况下,你会补充驯鹿喂食器吗?你喜欢怎么构建?
00:09:03>> 如果我在构建一个想要得到非常准确预览的东西,想看到我要找的确切内容,我喜欢一开始就尽可能具体。
00:09:13比如,我知道我们的产品团队在处理PRD或考虑产品更新时,会对V0的提示词非常具体。
00:09:24实际上我们会使用在V0内部构建的一个婴儿V0模板,用非常具体的提示词来看到我们想看到的东西。
00:09:40>> 是的。
00:09:40>> 这个看起来我们几乎一次就成功了。
00:09:45看看吧。还在运行中。
00:09:49我喜欢那个声音。好的。
00:09:51>> 我也是。
00:09:52>> 来看看。我们这里有预览了。
00:09:56圣诞老人指挥中心,北极运营。
00:09:59这是准确的,对,五天。
00:10:03V0知道Chris说雪橇追踪器的时候。
00:10:08现在,他在挪威。
00:10:10>> 这说得通。
00:10:12>> 哇。动态在变化。
00:10:17>> 他移动得很快。
00:10:19>> 天哪。好的。
00:10:22天哪,它放了这个精灵表现排行榜,Caroline。
00:10:26>> 太棒了。
00:10:28>> 这很有趣。
00:10:30>> 我真的很好奇结果会怎么样。
00:10:33>> 这很好玩。发生了什么?
00:10:37>> 驯鹿正在进食。
00:10:38>> 哦。
00:10:39>> 我觉得这对孩子们来说会很有趣。
00:10:42如果你能把它做成一个游戏,让你在一个月的时间里给驯鹿喂食什么的。
00:10:48我感觉我们小时候好像有过类似的东西。
00:10:50>> 天哪,它做了淘气和乖乖名单。
00:10:53我希望他们不是,显然。
00:10:55>> 肯定不是真人吧。
00:10:56>> 我希望没有其他人在看。
00:10:57>> 那完全是个玩笑。
00:10:59我们再也不能有强力时刻了。
00:11:04>> 好吧。我觉得对我来说,我要稍微改进一下这个。
00:11:09让我有点困惑的是一些颜色,淘气和乖乖乍一看都是红色的。
00:11:17我在想我们能不能改一下。
00:11:19我还在想能不能让这部分更有互动性。
00:11:28我们可以试试做个驯鹿游戏。
00:11:31让我看看。改变淘气的颜色。
00:11:39乖乖和已喂食/饥饿,这样它们就有足够的区别,不会在第一眼就混淆。
00:11:50看看它会做什么。那不是一个很好的提示。
00:11:53现在,让我切换到另一个标签页。
00:11:58我们的另一个生成完成了。
00:12:02这是我们的第一个。
00:12:05V0说它创建了一个动态的ASCII着色器动画开场,以Hello World开始。
00:12:12哦,确实是的。只是很难看清。
00:12:14它说,让我们开始吧。
00:12:17比如说,让文本在背景和不同动画中更容易区分。
00:12:35好的,看看效果。
00:12:39我们回到圣诞老人追踪器了。
00:12:42好的,所以它确实改变了这里的颜色。
00:12:46乖乖,淘气。
00:12:48清楚多了。我喜欢。
00:12:54>> 超级酷。
00:12:57>> 好的。让我们回到这个标签页。
00:13:03我们在X上收到了一个问题。
00:13:06新版V0什么时候来?
00:13:08你得继续关注才能知道。
00:13:10也许是个小小的节日惊喜。谁知道呢?
00:13:13很快就来了。如果你还没有注册候补名单,应该去注册一下。
00:13:17会非常酷的。
00:13:18很多令人兴奋的东西即将到来。
00:13:20所以做好准备吧。
00:13:22好的。现在文本更容易区分了。
00:13:26>> 酷。
00:13:27>> 我们喜欢这个绿色吗?
00:13:30>> 我觉得如果这是V0强力时刻,也许这可以是我们开场的节日版本。
00:13:38但我觉得我们可能需要一个黑白版本作为正式的。
00:13:41>> 让我看看如果我说,给它更多节日气氛,会怎么样。
00:13:46有像@符号之类的。
00:13:51我觉得挺酷的。就像网络一样。
00:13:54>> 是啊,就像科技的东西。
00:13:57>> 我们还有其他提示吗?
00:13:59>> 好的。
00:14:00>> 我们刚在YouTube上收到一个。
00:14:04>> 好的。
00:14:05>> 你想试试吗,Amy?
00:14:06>> 好啊。Amy,你能读一下吗?
00:14:08>> 提示是:"构建一个应用程序,让人道主义工作者在整个月内收集简单的想法、关键词或反思。
00:14:17准备好后,用户可以生成富有同情心、以社区为中心的新闻通讯。" >> 不错。我们马上就做那个。
00:14:28>> 这是它给我们的节日气氛版本。
00:14:30>> 对我来说太舒服了。
00:14:32>> 我喜欢。
00:14:34>> 不知怎么的,我喜欢这个符号。
00:14:37就像小五彩纸屑。
00:14:38>> 是啊。
00:14:40>> 有雪花。
00:14:41>> 很酷。
00:14:42>> 实际上挺可爱的。
00:14:44>> 还有那些它决定加入的随机闪光表情符号。
00:14:47>> 是的,创意十足。我喜欢。
00:14:52>> 真的很酷。
00:14:53>> 好的。让我打开一个新的V0页面,然后我要做刚才请求的那个。
00:15:02来了。"构建一个应用程序,
00:15:05让人道主义工作者在整个月内收集简单的想法、
00:15:10关键词或反思,
00:15:12他们可以生成富有同情心、
00:15:15以社区为中心的新闻通讯。"让我们在V0 Max上试试这个。
00:15:21>> 太棒了。实际上我刚开始在V0工作时也做过类似的东西,因为我进行了所有这些社区对话,会有各种随机的想法。
00:15:34我当时想,"我只需要一个地方,一个笔记页面,我可以输入并记住所有的事情,然后开始围绕主题进行整合。"我觉得这真的很聪明。
00:15:44>> 好的。它提示我们安装Superbase。
00:15:47让我继续设置一下。
00:15:55>> 我确实很喜欢这个想法。
00:15:57我自己也在做类似的事情,
00:15:59因为同时发生的事情太多了——社区项目中大家分享的内容、
00:16:02Vercel 正在构建的东西、
00:16:05V0 正在构建的东西,
00:16:06还有来自—— >> Amy,
00:16:08你是怎么做的?我感觉你是专家。
00:16:10我需要你的秘诀。
00:16:11>> 我需要构建一个更好的工具,因为现在完全是手动操作。
00:16:18如果能有个工具帮我处理更多格式化工作就太好了,因为我大部分时间都花在这上面。
00:16:26>> 是的。很酷的一点是我不需要指定对话的类型。
00:16:30我可能在和大使交谈,或者和用户交谈,或者只是有个随机想法,不需要花时间去整理,直接放进去就行,然后它会围绕主题自动汇聚。
00:16:40对,这一点很有帮助。
00:16:43>> 我一直在用 V0。
00:16:47我觉得 V0 最被低估的功能就是用它来做幻灯片。
00:16:52我已经完全从 Google Slides 之类的工具转到 V0 了。
00:16:56我现在所有演示的幻灯片都用 V0 做,
00:16:59因为基本上我只需要描述我想要的大纲,
00:17:03比如"好,
00:17:04我要做一个关于某某某的演示。"一两个月前我刚做了一个关于 V0 的演示,
00:17:10我就说:"这是我想讲的内容。"
00:17:13这是我想做的。"然后我把所有这些内容作为一个提示词放进 V0,它就生成了整套幻灯片。
00:17:19然后我只需要编辑就行。你通过提示词来编辑,而不是,怎么说呢,我不擅长手动制作看起来很精美的幻灯片。
00:17:28至少在设计方面,它对我来说好用得多。
00:17:33>> 嗯,我觉得现在有了设计系统,保持一致的外观太容易了,你不需要一直重新提示。
00:17:38>> 完全同意。等这个生成好之后,我们可能可以展示一个例子。
00:17:44我在想用 AI 网关自动连接功能做个有趣的生成。
00:17:54也许等这个做完之后。好的,很棒。
00:17:57>> 真酷。
00:17:58>> 这确实很酷。我们这里实际用了与 Superbase 的集成,因为这是 V0 推荐的。
00:18:05我们连接了 Superbase,现在 V0 保持连接,它构建出了这个应用。
00:18:13我们有一个新闻通讯应用,带有用于想法和思考的数据库架构。
00:18:18我们连接了 Superbase,然后它创建了这个主应用,包含想法收集和新闻通讯生成功能。
00:18:24我们来实际测试一下。
00:18:27V0 决定把它命名为 Community Voices(社区之声)。我喜欢这个名字。
00:18:31不知道这是不是那个人心里想的。
00:18:33>> 我也不知道。如果他们还在 YouTube 上看的话,我很好奇他们想不想补充别的。
00:18:37>> 我知道。我们该写个什么思考呢?
00:18:41Caroline,也许你有个社区思考。
00:18:43虽然不是人道主义性质的,但也许你有关于 Zero Passengers 或者你最近做的其他事情的社区思考。
00:18:50>> 这是我们今天收到的一封非常好的邮件。
00:18:54一位大使订错了卫衣尺码,
00:18:57有些混淆,
00:18:58我说:"哦天哪,
00:18:59当然可以,
00:19:01我可以给你寄件新的。没关系。"他说:"这真是关注小细节的体现,
00:19:08展示了你如何关心社区中的每个人。"对我来说,
00:19:13这很好地说明了那些小瞬间有多么重要。
00:19:17而且,我特别感激他向我表达那份感激,因为对我来说这其实是件很容易的事。
00:19:24>> 我喜欢这个。
00:19:25>> 我话有点多。不知道你想从那段话里提炼什么。
00:19:28>> 我该怎么转述这个?
00:19:31>> 这是语音模式引入 Community Voices 的先导。
00:19:33>> 我知道。我需要用 Whisper。
00:19:35今天,我们收到了一位社区成员的感谢留言,感谢我们为他完成的一个小忙/小任务。
00:19:54给他寄了件新卫衣。
00:19:58这不是人道主义性质的事。
00:20:02>> 不是人道主义的。
00:20:03>> 我们给某人寄了件新卫衣。
00:20:04好的。保存想法。
00:20:06太好了。看看会发生什么。
00:20:10我们有一个想法了。
00:20:11我们再加点其他的。还有什么好事呢,伙计们?
00:20:19为什么这么难想?
00:20:20这样吧,圣诞节、假期,给朋友买了个圣诞老人。
00:20:29>> 也不是人道主义的。
00:20:31>> 我们来测试一下。
00:20:35>> 太棒了。
00:20:37>> 好的。很棒。
00:20:38>> 这真的很酷。
00:20:40>> 是啊。我们正在把社区凝聚在一起。
00:20:44这太糟糕了。
00:20:46灵感时刻。它真的就是直接把内容拿过来放进去了。
00:20:53也许我们可以稍微改进一下。
00:20:55我们可以说,当你生成新闻通讯创意时,试着在我们放入捕捉时刻部分的想法上增加更多内容,让它更长、更有趣、更吸引人。
00:21:26好的。这对你做任何内部总结都会很有帮助。
00:21:35我觉得我经常做那种「这是我们这个月做的事情」的总结。同样,
00:21:38也许就像你说的,
00:21:39它们都分散在不同的地方,
00:21:41所以能够直接把它们汇总进来会很棒。
00:21:43>> 是啊。我其实一直在想这个,因为我团队的一部分人在运营我们的创业公司项目,我们一直在讨论做一个创业公司新闻通讯。
00:21:53>> 是的。
00:21:53>> 我觉得这会是一个很好的方式,可以捕捉这个月发生的所有事情,然后在月底做一份新闻通讯。
00:22:01>> Mads,如果你在看的话,我们会把这个模板给你。
00:22:05>> 让我们重新分享一下我们的想法。
00:22:15我们会联系提出这个建议的人。
00:22:20他们维护着一个社区邮件列表,然后他们希望应用能够通知他们新闻通讯的内容。
00:22:28这很有意思。
00:22:30你可能需要设置更多的集成才能真正实现它。
00:22:34>> 是的。需要设置某种邮件系统。
00:22:36我觉得这是可以实现的,但可能需要比我们今天的时间更长才能全部完成。
00:22:44>> 别说是我在随便输入想法。
00:22:47帮助朋友完成工作。
00:22:49给一些年长的邻居打电话。
00:22:55这些都很好。让我们看看。
00:22:58现在如果我们点击「生成」,它会给我们一份更吸引人的新闻通讯吗?
00:23:05AI 正在制作我们的新闻通讯。
00:23:11>> 一定会超级吸引人的。
00:23:15>> 好的。是的。看这个。
00:23:17跨越世代。
00:23:19好几个。好的。太棒了。
00:23:23让我们看看。我们回去。
00:23:31我觉得我们还有另一个提示。
00:23:35>> 确实有。
00:23:36>> 一个。Caroline,你能读一下吗?
00:23:39>> 好的。社区里的这个人想为时尚电商网站创建一个使用着色器的动画落地页。
00:23:47然后他们会搜索美国所有商店中的最优价格,并添加一个类似 Google Flights 的购物等待列表。
00:23:56我会很喜欢这个功能,因为这样你就不用手动查看所有促销网站,而是自动获取信息。
00:24:01>> 好的。我觉得我生活中需要这个。
00:24:06>> 是啊。
00:24:06>> 我在做所有节日购物的时候怎么没有这个?
00:24:09>> 我知道。
00:24:10>> 是啊。我希望三周前就有这个。
00:24:12那就太好了。
00:24:14>> 我订机票都是这么做的,
00:24:16然后感觉你在朝着买到机票的方向前进,
00:24:18但其实我只是在追踪价格看什么时候下降,
00:24:21所以你也可以做同样的事情。
00:24:23>> 我的空间额度要用完了。
00:24:27>> 如果需要的话我们也可以切换到我的。
00:24:29>> 不,现在还好。没事的。
00:24:31我只是有点夸张。
00:24:32>> 这个 power hour 的内容真是太多了。
00:24:36>> 确实是个 power hour。
00:24:38有人说:「power hour 不是每隔一会儿喝一杯吗?」我说:「我们不是在喝酒,
00:24:44我们是在 one-shotting(一次搞定)。」>> 是啊。Ali,
00:24:49这个很妙。
00:24:50>> 谢谢。
00:24:50>> 我也想到这个了,但我不确定其他人有没有想到,所以我就没说。
00:24:53>> 我可能会在网上被吐槽,但我觉得这是我这辈子开过的最冷的笑话。
00:24:58>> 你发推了吗?
00:24:59>> 没有,我不会发的。
00:25:01我们输入了提示给 V0,
00:25:04我们再次使用 V0 Max,
00:25:06然后我安装了 Superbase,
00:25:09因为 V0 又提示我这么做,
00:25:12现在它正在生成我已经连接到 Superbase 的设计灵感和种子数据,
00:25:18所以它会继续运行。
00:25:20现在我拥有了所需的一切。
00:25:23很好。太棒了。
00:25:25>> 好的。在我们做这个的时候,我想再做另一个。
00:25:36天哪,我们有三个不同的。
00:25:38>> 哦对,我们有好几个。
00:25:39>> 我们有好几个。我们有一个很具体的。
00:25:43>> 我们来选一个。
00:25:48要不你们选一个然后读给我听,我来开始输入提示。
00:25:54>> 我觉得这些可能实际上是同一个,只是分成了两部分。
00:26:00>> 对,这里分成了两部分。
00:26:02>> 是的。
00:26:03也许这是来自 G 的。
00:26:11制作一个《头号玩家》风格、皮克斯级别的节日世界,G 扮演圣诞老人实时编写礼物代码。
00:26:23我们想要 G 扮演圣诞老人实时编写礼物代码。
00:26:27它需要有迪士尼级别的未来主义感,
00:26:30并制作能量时刻圣诞卡片,
00:26:33G 正在编写代码,
00:26:35将其转换为可下载的 4:5 宽高比卡片,
00:26:39带有 SVG 动画。
00:26:41应该每 15 秒编写一张定制卡片。
00:26:46使用 Vercel AI 网关,以你决定的任何方式。
00:26:50艾莉,这个你可以选择。
00:26:52>> 我要让 V0 来决定。不是我决定。
00:26:54>> 文案撰稿人、策略师和动效设计师,你百分百掌控。
00:26:59>> 好的。
00:27:02>> 哇。我们从这里开始吧。
00:27:04>> 我对此很期待。
00:27:06>> 我不知道。
00:27:07>> 这是它给我们的。
00:27:11乍一看,这个价格提醒等候列表部分,似乎实际上遮挡了后面的内容。
00:27:20我要用我最喜欢做的事,
00:27:24就是截图,
00:27:26拖过来说这个弹窗遮挡了后面的图片,
00:27:32移动它,
00:27:34或者缩小尺寸,
00:27:36这样它就不会挡住网站的其余部分了。
00:27:42在我做这个的同时,我要复制这个非常具体的提示词。
00:27:52我觉得这个人在告诉我 V0 才是掌控者。
00:27:57看看这会怎样。
00:27:59如果我直接复制粘贴,我会修复这个。
00:28:03我有点害怕,但我太好奇了。
00:28:14趁这个在运行的时候。
00:28:20>> 看看它从哪里提取图片真的很有趣。
00:28:23>> 评论刚刚确认了。
00:28:25是的,他们确实想让 V0 来掌控。
00:28:27>> 好的。完美。酷。
00:28:29>> 我明白你的意思了。
00:28:31我们确实生成了这个时尚网站的新版本。
00:28:36我们把这个移到了下面,但现在有了背景,你真的看不清那是什么。
00:28:43实际上,我要看看能不能修复这个。
00:28:47>> 设计模式。
00:28:48>> 对。我想要背景。
00:28:57我们看看。如果我这样做会怎样?
00:29:03好吧。这很丑。
00:29:07看直播的设计师们会想,她在干什么?我可以浏览不同的选项。
00:29:15我们可以变得很疯狂。
00:29:18>> 这很有圣诞气氛。
00:29:20>> 我们喜欢哪个?
00:29:22>> 你在吃圣诞食物。
00:29:24>> 我们现在就用这个,我要点击「保存」。
00:29:37这是跟着我滚动的顶部导航栏。
00:29:43我觉得它看起来不太好看,但比之前好多了。
00:29:49你确实能看到它了。
00:29:50>> 对。
00:29:51>> 现在,我要回到聊天界面,回到我们最初的提示词。
00:29:59他们想要一个像 Google Flights 那样的购物等候功能。
00:30:02我觉得实际上如果我输入,这将是我想要的产品。
00:30:10我想要耐克 Air 市场价 150 美元。
00:30:17这似乎太贵了。
00:30:18运动鞋加入等候列表。
00:30:22好的。因为我已经连接到数据库了,但现在看这个,我提交到等候列表后的最终状态,它也不太好。
00:30:34看看我能不能改变这个。
00:30:37对。这是我最喜欢的设计模式功能,轻松调整。
00:30:47我不需要提示它。我不知道具体该说什么。
00:30:50>> 这也为我节省了很多时间,尤其是在小的文本编辑上,直接进入修改。太棒了。
00:30:58>> 我觉得我的团队成员会说,「这是我见过最丑的东西,艾莉。你为什么要这样做?」>> 浪费设计模式的使用。
00:31:08>> 艾米,你刚才想说什么?
00:31:11>> 我只是想说,对。
00:31:12就像有时候你不知道你想要什么颜色,所以能快速地像,我想要什么背景色?
00:31:19我想要什么文字?
00:31:21>> 我回到了这个非常具体的《头号玩家》皮克斯级别节日世界,吉列尔莫扮演圣诞老人。
00:31:31它确实在这里放了他的名字和所有信息,但我在想这个人是否想要图片。
00:31:39而且,有个错误。
00:31:41>> 我以为他们想要一个圣诞老人的角色图片。
00:31:49但同样,如果他们还在听,他们可以插话给我们一些想法。
00:31:54因为也许,但这还不是图片,所以我实际上无法编辑它。
00:32:00我要说,我不想要那个。我想要,他们说什么来着?
00:32:12我想要吉列尔莫实际获得他的照片。
00:32:21我正在附加一张,让我们看看。
00:32:25我想我有一张照片。
00:32:32对。我想要吉列尔莫圣诞老人实际获得他的照片。
00:32:49我正在附加一个。我要试试这个,但我也注意到下面的卡片编译器也不工作了。
00:32:59>> 看起来初始化卡片正在安装一点。
00:33:05>> 我想这个人可能也更想要一个游戏,比如一个世界,而这个构建的是一个仪表板。
00:33:20>> 是的。
00:33:23>> 好了。我们有图片了,还有圣诞老人。
00:33:30也许,让我看看,提示编辑。
00:33:38给他一顶圣诞帽。
00:33:45>> [听不清] >> 我在等。
00:33:55好的,这么多选项。
00:34:05我们喜欢哪一个?
00:34:07我喜欢这个左边的。
00:34:09>> 是的,更低调。
00:34:12>> 好的。我们有圣诞老人G了。
00:34:16现在,我们要回去尝试修复另一部分。
00:34:25实际上,我可以直接这样做。
00:34:33它给了我一个错误,说无法生成这张卡片。
00:34:38我实际上只是点击了"用V0修复",这是免费的。
00:34:41如果你使用用V0修复,它不会向你收费。
00:34:43它不会使用你的积分。
00:34:45它会继续运行,直到真正修复为止。
00:34:49在我们做这个的同时,让我们看看是否还有另一个。
00:34:55>> 是的,我们刚又收到一个。
00:34:58>> 我打开了这么多V0标签页。
00:35:00我准备好了。
00:35:02>> 你能处理吗?你能再处理一个吗?
00:35:03>> 我能处理。我能处理吗?我们拭目以待。
00:35:06>> 是的,
00:35:07我们可以做到。这个说,
00:35:09"为食品银行慈善机构构建一个库存管理应用程序。"这很酷。具有扫描产品、
00:35:15记录库存和创建订单的能力,
00:35:17你可以将其分配给有需要的人。
00:35:20我认为他们也应该有一个客户账户。这很酷。
00:35:25>> 好的。
00:35:26>> 我想知道我们是否也可以在提示中添加时间,比如添加请求时间和预计取货时间,这样他们就可以跟踪。
00:35:37>> 我实际上要测试增强提示。
00:35:40>> 是的,可能比Caroline的增强更强。
00:35:44>> 实际上,不是。我只是想看看它做什么。
00:35:49好的。现在,让我们更改提示。
00:35:51现在,
00:35:51我们使用增强提示工具,
00:35:53它说,
00:35:54"设计一个为食品银行慈善机构量身定制的综合库存管理应用程序,
00:35:59专注于产品扫描、
00:36:00详细库存记录以及创建可分配给有需要的个人的订单等功能。
00:36:05系统应支持客户账户管理,
00:36:07允许用户注册和跟踪他们的订单,
00:36:10包括产品条形码或二维码集成功能,
00:36:13哇,
00:36:14实时库存更新以准确反映库存水平,
00:36:17用于创建和管理订单的直观界面。
00:36:20确保应用程序满足安全客户数据处理的需求,
00:36:23易于导航,
00:36:24以及为未来添加功能的可扩展性,
00:36:26所有这些都在适合桌面和移动使用的响应式设计中。
00:36:30强调员工和志愿者的用户角色和权限,并考虑库存和订单分析的报告功能。
00:36:36哇。这真的很好。
00:36:42让我看看。我们又在B0Max上了。
00:36:47我要回去。
00:36:49>> 圣诞老人G世界游戏是在Max还是Pro上?
00:36:54>> 在Max上。
00:36:56>> Max。
00:36:56>> 好的,酷。它实际上做到了。
00:36:59让我看看。但是卡片,我实际上无法预览或下载。
00:37:07我差点说请修复。
00:37:18我实际上真的说过很多次,为了表情包,也为了紧张的工作,这很尴尬。
00:37:25现在它实际上正在生成。
00:37:27它正在生成圣诞快乐、温馨祝福的卡片,但我就是无法点击它们并预览。
00:37:32但它似乎确实遵循每15秒一次,因为这里有计时器。
00:37:38再过一秒,是的,又生成了一个。
00:37:42它们看起来不像是最独特的卡片,所以也许这将是我们的下一个贡献。
00:37:49但我们拭目以待。
00:37:53我回到了我们的食品银行项目,我要安装SupaBase。我需要升级我的计划。
00:38:10Caroline,我们可能得把这个交给你。
00:38:12>> 是的,我们要。
00:38:13>> 让我看看。这个还在构建中。
00:38:20实际上,在我们做这个的同时,我要修复几个问题。
00:38:34不,你没有。
00:38:37>> 是的,聊天里说看起来卡片没有按比例缩放到它们的容器。
00:38:44我有点不在状态。
00:38:51好的。让我们说卡片没有按比例缩放到它们的容器。
00:39:18让我们看看会发生什么。太好了。
00:39:22我们还有大约五分钟。
00:39:26聊天里有个我真的很想试试的。我们来看看。
00:39:31有人说:"我们来做个类似 Spotify Wrapped 的东西,
00:39:37但是是 V0 2025 年度回顾。"你提到这个很有意思。
00:39:42>> 有趣。
00:39:45>> 我们在 V0 中做一个年度回顾,类似 Spotify Wrapped,但是是我在 V0 的使用数据和统计。
00:40:02现在可以先用模拟数据,但是生成——大家觉得怎么样?
00:40:09简洁的黑白配色,Vercel 风格的设计。
00:40:17>> 好。
00:40:17>> 要有节日气氛。
00:40:21>> 也许优化一下。
00:40:23能不能优化一下社交分享?
00:40:25这样大家可以截图。
00:40:28>> 我们试试新提示词。
00:40:37在 V0 中设计一个全面的年度回顾功能,
00:40:39类似 Spotify Wrapped,
00:40:42但专门用来展示我一年中的 V0 使用统计数据。
00:40:45用模拟数据来演示这个概念。
00:40:47很好,我们试试这个。
00:40:50然后我想加一个 AI 聊天机器人之类的,可以向它提问关于数据的问题。
00:40:59>> 那会很酷。
00:41:08>> 我们看看。
00:41:11在等的时候,我去看看我们的皮克斯假日世界。
00:41:21不,还是不行。
00:41:29显然我的提示词不对。
00:41:34我不知道这些卡片的诀窍在哪。
00:41:37其他都能用。
00:41:39>> 其他都能用。
00:41:40我们这里有圣诞老人 G。
00:41:42让我看看能不能。
00:41:46卡片长这样。
00:41:55大家真的是,这太脆弱了。
00:41:58大家真的在说嗨。
00:42:00>> 我也是这么说的。
00:42:02我就说,它们长这样。
00:42:03>> 它们不应该长这样。
00:42:06>> 如果聊天里有高手,请告诉我。
00:42:10如果我在犯傻,请趁早阻止我。
00:42:16>> 不过我在想,如果我们——我觉得没人能在聊天里发截图,但如果我们能把想要的卡片样子的截图贴过去会很有帮助。
00:42:31>> 我对这个 V0 年度回顾超级期待。
00:42:37>> 我也是,Natalie。
00:42:38>> 不过增强得挺多的,所以可能要花点时间,因为我们用的是 V0 Max。
00:42:43我想要最好的生成效果。
00:42:45>> 我在计算最后——平衡优雅和节日氛围。
00:42:50>> 我都没看到那部分。
00:42:53>> 是的。
00:42:54>> V0 所谓的 Twitter,我不知道。
00:42:58好吧,我们看看。
00:43:07我想这会是我们下线前的最后一次生成。
00:43:11但如果你的想法没被用上,下次请带着你的点子来。
00:43:17好,V0 年度回顾,还在运行,但我喜欢我看到的。
00:43:22>> 还有,如果有人有什么提示词想法,可以私信 Ali,我们可以为下次的 Power Hour 先准备好。
00:43:32>> 好的。这个很酷,但它以为现在是 2020 年。
00:43:37>> 哇,时间很难搞,数字。
00:43:40>> 时间确实难搞。
00:43:42>> 不过我喜欢这个动画。
00:43:44>> 是的,小星星好可爱。
00:43:46好的,还有所有的雪花。
00:43:48V0 喜欢雪花,这是我们今天学到的。
00:43:50>> 嗯,我们告诉它要优雅和有节日气氛。
00:43:52>> 我做到了。好了。
00:43:55好,V0 年度回顾 2024。
00:43:58我的名字是 Developer Pro。是的,当然。
00:44:00>> 是的,你是。
00:44:02>> 显然,大家都看到了。
00:44:04今年我发送了 2,847 条提示词,平均每天 8 条。
00:44:11>> 我喜欢日均数据。
00:44:13>> 是啊,很酷。
00:44:15不错,156 个产品。
00:44:19哇,代码行数挺厉害的。
00:44:21再说一次,这是模拟数据,不是我的真实数据,但能生成这个会很酷。
00:44:25>> 我感觉还要多得多。
00:44:26>> 我们可以在下次用户 Power Hour 继续开发。
00:44:30>> 好。
00:44:31>> 有意思,技术栈详情,68% 是 Next.js。喜欢。
00:44:40>> 哦,那很酷。
00:44:43>> 3.5,42 小时。
00:44:46>> 你还能看到节省的时间,它在开发中为你节省了多少时间。
00:44:52>> 那会很酷,特别是如果你是开发者并且大量使用它的话。
00:44:55>> 是的。
00:44:56>> 好的。
00:44:57>> 夜猫子。
00:44:58>> 早期采用者,夜猫子,凌晨 2 点最活跃,绝对不是真的。
00:45:02>> 我希望这不是真的。
00:45:04>> 我是个老奶奶。好的,多产创作者。
00:45:07这个很可爱,前 3%。
00:45:09>> 超级酷。
00:45:10>> 哦对,很有趣。
00:45:12哦,然后看,我做了可分享的。
00:45:14>> 不错。
00:45:14>> 我能下载吗?
00:45:16我可以。哇。
00:45:18>> 太酷了。
00:45:19>> 太棒了。好,我觉得这是个完美的收尾。
00:45:24>> 我喜欢。
00:45:25>> 哇。时间过得真快。
00:45:28>> 我们做了好多东西。
00:45:29>> 我知道。我明白你为什么会花300多个小时了。
00:45:33太棒了。好的,很好。
00:45:37好了,感谢大家参与我们的第一次实验。
00:45:40希望你们玩得开心。
00:45:42我们希望未来能邀请一些嘉宾,并且让你们来提交提示词。
00:45:45你们可能比我厉害多了,所以非常欢迎。
00:45:49感谢所有提交过提示词的朋友,我们会继续做这些活动。
00:45:54请告诉我们你对这次活动的反馈,我们很期待在新的一年里举办更多这样的零功率时段。
00:46:00太好了。好的,再次感谢。
00:46:04>> 再见。

Key Takeaway

Vercel 团队首次 V0 Power Hour 直播展示了如何使用 V0 的各种功能快速构建从简单动画到复杂数据库应用的多样化项目,强调了具体提示词和迭代优化的重要性。

Highlights

Vercel 社区团队首次举办 V0 Power Hour 直播活动,根据观众评论实时使用 V0 构建项目

演示了如何使用 V0 Max 和 V0 Pro 模型构建复杂应用,包括 ASCII 动画、圣诞老人追踪器、食品银行库存管理系统等

展示了 V0 与 Supabase 数据库的无缝集成功能,可自动设置后端架构

介绍了 V0 的设计模式功能,可以快速调整颜色、布局等设计元素而无需重新提示

演示了增强提示功能,能将简单提示扩展为详细的需求描述

最后构建了类似 Spotify Wrapped 的 V0 年度回顾功能,展示用户统计数据和可分享卡片

强调了提示词的具体性对生成质量的重要性,以及如何通过迭代改进设计

Timeline

开场介绍与活动说明

团队成员 Ali、Caroline 和 Amy 介绍自己并欢迎观众参加首次 V0 Power Hour 直播活动。她们解释活动形式是每周或每隔几周进行一次直播,根据 Vercel 社区聊天室中观众的评论和提示词,在 V0 中实时构建项目。Ali 的头衔是「技术团队成员」,Caroline 一个月前加入负责社区工作,Amy 是经验丰富的直播主持人。她们提醒观众需要在活动页面点击「参加」才能发送消息,并强调要遵守行为准则、对彼此友善。

首个项目:ASCII 着色器动画开场

团队使用社区大使提供的第一个提示词,要求创建一个使用 ASCII 字符动画的 V0 Power Hour 开场,以「Hello World」开始,每条消息保持可见约三秒。在等待 V0 生成的过程中,团队讨论了节日主题想法,如圣诞老人追踪器、精灵绩效排行榜、淘气和乖巧名单等有趣概念。有观众询问使用的是哪个模型,Ali 确认是 V0 Pro,并解释 V0 Max 是顶级模型,由 Claude Opus 驱动,能提供最高质量的设计。生成完成后,团队要求增加节日气氛,V0 添加了雪花和闪光表情符号等装饰元素。

构建圣诞老人指挥中心追踪器

Ali 开始构建第二个项目——圣诞老人运营的内部仪表盘,包含雪橇追踪器、路线规划器、驯鹿喂食计时器和淘气/乖巧名单。V0 Pro 生成了一个完整的「圣诞老人指挥中心」界面,显示圣诞老人当前位置(挪威)、精灵表现排行榜和驯鹿喂食状态。Ali 注意到淘气和乖巧名单的颜色都是红色容易混淆,于是要求改变颜色以便区分。团队讨论了如何将其开发成儿童互动游戏,让孩子们在一个月内给驯鹿喂食。V0 成功调整了配色方案,使界面更加清晰易读。

社区新闻通讯生成应用

根据 YouTube 观众的请求,团队构建了一个让人道主义工作者收集想法、关键词和反思,然后生成富有同情心、以社区为中心的新闻通讯的应用。V0 提示安装 Supabase 数据库,Ali 设置后 V0 自动创建了名为「Community Voices(社区之声)」的应用,包含想法收集和新闻通讯生成功能。团队输入了几个测试想法,如「给社区成员寄新卫衣」和「给朋友买圣诞礼物」。Ali 要求 V0 在生成新闻通讯时扩展内容,使其更长、更有趣、更吸引人。Caroline 分享她会用这个工具来整合与大使、用户的对话和随机想法,Amy 也表示需要类似工具来减少手动格式化工作。

时尚电商价格追踪落地页

团队接受了创建时尚电商网站动画落地页的提示,功能类似 Google Flights,可以搜索美国所有商店的最优价格并设置购物等待列表。V0 Max 生成了一个带有 Supabase 集成的完整电商网站,包含价格提醒等候列表功能。Ali 发现弹窗遮挡了后面的图片,使用截图功能向 V0 说明问题并要求调整。她还使用了设计模式功能快速调整背景颜色,尝试了多种节日主题配色方案。团队测试了添加产品到等候列表的功能,输入了耐克运动鞋的价格(150美元)。Caroline 表示这个功能对购物非常有用,比手动查看所有促销网站方便得多。

食品银行库存管理系统

团队收到构建食品银行慈善机构库存管理应用的请求,需要具备扫描产品、记录库存、创建订单并分配给有需要的人的功能,还应包含客户账户管理。Ali 决定测试「增强提示」功能,V0 将简单提示扩展为详细的需求文档,包括条形码/二维码集成、实时库存更新、直观界面、安全数据处理、响应式设计、用户角色权限以及库存和订单分析报告等功能。增强后的提示非常全面和专业,展示了 V0 理解需求并将其转化为详细规格说明的能力。由于 Ali 的 Supabase 积分用完,团队准备切换账户继续构建。

皮克斯风格节日世界与卡片生成器

团队尝试构建一个《头号玩家》风格、皮克斯级别的节日世界,其中 G(吉列尔莫)扮演圣诞老人实时编写礼物代码,并生成可下载的 4:5 宽高比动画卡片,每 15 秒生成一张定制卡片。Ali 使用 V0 Max 并将吉列尔莫的照片上传,通过提示编辑给他添加了圣诞帽。虽然卡片生成部分遇到了技术问题——卡片无法正确预览和下载,团队多次尝试修复但未完全成功。Ali 坦言「我在犯傻」并向聊天室求助。这个项目展示了 V0 在处理复杂图像编辑和实时生成功能时的能力和局限性,以及迭代调试的重要性。

V0 年度回顾功能演示与总结

在直播的最后几分钟,团队根据聊天室建议构建了类似 Spotify Wrapped 的 V0 年度回顾功能,展示用户一年中的 V0 使用统计数据。Ali 使用增强提示并要求简洁的黑白 Vercel 风格设计,添加节日气氛,并优化社交分享功能。V0 Max 生成了精美的年度回顾界面,包含雪花动画效果,显示模拟数据如 2,847 条提示词(日均 8 条)、156 个产品、45,231 行代码、节省 42 小时开发时间等统计信息。还包括技术栈详情(68% Next.js)、使用习惯标签(「夜猫子」、「早期采用者」、「多产创作者」)以及前 3% 用户排名。界面支持下载可分享的图片,团队对这个完美的收尾项目非常满意,感谢所有观众参与并表示期待在新年继续举办 V0 Power Hour 活动。

Community Posts

View all posts