📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

Build Your Own AI Business System (Never Pay for SaaS Again)

Riley Brown18:59

Transcription

在不写一行代码的情况下,15分钟内,我创建了一个个人操作系统,其中包含五个对我的业务非常有用的迷你应用程序。我相信,在商业领域工作的数百万人将开始构建自己的工具,而不是为简单的软件支付数千美元。在本视频结束时,您将确切地知道如何构建自己的个人小型操作系统。您将能够克隆您花费过多金钱的任何应用程序,并且您将对 vibe coding 有更深入的理解,并且您的工作价值将大大提高,甚至可能获得晋升。这是我的 vibe coding for business 系列的第二部视频。如果您想学习如何构建对您的工作真正重要的工具,请订阅并关注。这将是一个常规系列。让我们开始吧。好的,我将 vibe coding 我自己的个人操作系统。在一个提示中,我将尝试创建一个包含四个应用程序的应用程序。因此,我想创建一个包含许多对我的公司有用的迷你应用程序的个人操作系统。我是我公司的联合创始人,负责增长。我每天都使用许多应用程序,我想将它们合并到一个应用程序中,感觉就像一个小型操作系统。我希望它看起来像 Apple Desktop。以下是我希望在此应用程序中包含的四个应用程序,它们是一个 Twitter/YouTube 视频下载器,可以粘贴链接并下载视频。嗯,链接树。我想创建一个链接树。我想在一个基本的笔记应用程序中创建基本的笔记。所有这些都将存储在数据库中。我想有一个计数器。所以,这将是我可以创建潜在客户磁铁的地方。因此,我将能够发布一个网站,人们可以提供他们的详细信息并注册提前访问某些内容,这样我就可以捕获人们的电子邮件。所以,这些是我正在创建的第一个应用程序。嗯,我将以我将为这个 CMO 操作系统添加更多内容的意图来构建它。所以,我将复制这个提示,然后去 vibecode.dev dev,我们将创建一个 Web 应用程序,并且我们将在 vibecode.dev 中使用 clawed code。我将要做的就是将此提示粘贴在这里并运行它。正如您在此处看到的,claude code 将会起作用。它正在设置 Prisma 数据库模式,它将经历这 10 个不同的步骤,然后就完成了。所以,现在我们等待。好的。好的,现在它正在构建一个带有壁纸的桌面组件。好了,看起来我们完成了。首先,我讨厌紫色,但我确实看到这里有一个带有四个应用程序的工具栏。在我们测试这四个应用程序之前,我相信它们已经设置了数据库。所以,如果我们转到数据库选项卡,我们可以看到它创建了一个链接表、一个潜在客户磁铁表、一个潜在客户磁铁提交表和一个已下载视频表。所以,这些是它创建的所有应用程序的数据库或数据库表。所以,让我们看看这些应用程序是否有效,然后我将更改丑陋的界面。好了,让我们看看这是否有效。所以,如果我们转到这个下载选项卡。好的。所以,我们可以粘贴一个 URL。让我们打开 Twitter 并找到一个视频。如果我们这样做,我们可以找到一个视频。让我们看看是否可以下载这个视频。让我们粘贴进去。下载视频。好的。所以,它似乎不起作用。所以,我收到这个错误。当我使用 X 下载器时,我收到这个问题,我将粘贴在这里。请让它工作。所以,我们在这方面是零比一。让我们打开 Linkree。所以,这是 Linkree。我将添加一个链接。我将说,嗯,让我们去很酷的视频。我将粘贴相同的 YouTube 视频。添加链接。我们可以检查数据库中的外观。我们可以转到链接表,我们看到一个条目,对吧?我们可以进一步打开它。我们看到一个条目,很酷的视频,它有一个 URL,创建于,更新于。非常非常容易。现在,我想做的是,我想点击共享,然后打开这个链接。所以,这是 vibco.runlinks。让我们看看。非常酷。所以,我们有一个有效的公共链接。所以,您可以访问此 URL,它有效。所以,我们创建了链接树。让我们添加另一个链接。嗯,很酷。关于我的 Twitter 视频。我将粘贴这个 Twitter 视频。添加链接。我们应该在这里看到它出现。两个条目。看,很酷的 Twitter 视频。URL。很酷。这太棒了。现在,如果我们访问该链接并刷新它,我们会看到这两个链接。所以,我们是一比二。链接树应用程序确实有效。让我们测试一下这个,这是一个基本的笔记应用程序。新笔记。你好,我叫莱利。和这个。好的,所以我们在这个笔记应用程序中有一个奇怪的保存功能,对吧?我们修复 Twitter 视频和 YouTube 视频问题的另一个提示正在起作用,但这不会阻止我们在其中添加另一个提示。所以,在笔记应用程序中,每次我打字时它都会保存。因此,有时会错过按键。请修复。好的,让我们来看看这个笔记应用程序。看看这是否会好很多。我们现在正在测试笔记应用程序。好的,这很酷。我能改名字吗?新笔记名称。我们可以点击数据库选项卡。我们可以转到笔记选项卡。我们有两个新笔记名称。如果我们更改这个。更改名称。看,它在这里更新了。所以,这正在起作用。最后一个是什么?计数器。好的。创建我的第一个表单。好的。所以,我们有名称,它是文本,电子邮件,它是电子邮件。我能添加一个文本区域吗?大家好。让我看看这看起来怎么样。所以,分享。我将分享这个链接。所以,这应该是一个人们可以输入他们名字的链接。好的。嗯,新的,所以,就像有人应该能够输入他们的名字一样。然后我们有 Riley gmail.com。这不是我的真实电子邮件。这是另一个长响应。好的。提交。谢谢。您的提交已收到。我会看看的。我们回到我们的应用程序。您可以关闭这些。如果我们转到潜在客户磁铁,我们有一个条目潜在客户磁铁提交。好的。所以,数据是 ID。好的。所以,我们有,好的。所以,数据哦,是 ri 姓名 Riley rileley@gmail.com。大家好。这是一个长响应。好的。所以,我们收到了回复。好的。所以,现在我们想测试视频下载器。所以,我将粘贴 Twitter 视频。获取下载的视频。打开 Cobalt 下载。完成。下载 >> vod coding 是 >> 哇。好的,这有效。我不知道那是什么,但钴。有趣。好的,这有效。所以,现在我能够下载 Twitter 视频。嗯,让我们看看 YouTube 视频是否有效。好的,现在由于 YouTube 方面的限制,YouTube 下载暂时禁用。我们已经在寻找绕过它们的方法。是的。所以,YouTube 视频下载器要困难得多。YouTube 正在尽一切努力阻止这一点。所以,我将称之为胜利。我们已经下载了有效的 Twitter 视频。这很酷。好的。所以,现在我想做的是,我只想让它看起来不那么糟糕。好的。我真的很不喜欢紫色背景。你能让它有一个更轻松的背景吗?一些更简单的事情。摆脱所有紫色的痕迹。我一点也不喜欢它。然后我想让工具栏更逼真,看起来更像苹果。所以,将所有注意力集中在搜索互联网和弄清楚如何让工具栏看起来更像苹果。我会带来一些图片。好了,看起来完成了。视频下载器,链接树,计数器。好的。所以,这看起来好多了。嗯,让我们全屏看看。哦,我有点喜欢这个。全屏。嗯,所以我们有笔记。好的。所以,所以我想快速做的是,我只想生成一些图标。所以,我实际上可以生成一个图标。我将使用蓝色背景,白色鸟形图标,带有一个小下载符号,3D 渲染卡通图标。所以,我们将运行几次。绿色背景,白色树形图标,卡通应用程序图标,然后是 3D 渲染卡通图标,一个黄色笔记本。然后我将将其更改为笔记本,笔记图标。右?我们可以更改它们的名称。这将是 Twitter 下载器图标。嗯,这将是表单图标。然后我们有一个链接树图标。我喜欢这个。嗯,链接树图标。所以,我们可以做到的是,我们可以选择这个。我们可以选择链接树图标。我们可以选择 Twitter 图标,然后是笔记图标。然后我们可以将所有这四个添加到提示中。请将它们作为图标添加。查看它们的标题。确保它们是正确的。哦,哇,它们好多了。所以,看看这些图标。所以,现在我们有了视频下载器,链接树,笔记和计数器。看看吧。这真的很有趣。非常酷。你能在我打开和关闭这些面板时添加轻微的声音效果吗?好的。我想添加另一个应用程序。现在,这将帮助我为我的 Twitter 视频编写内容脚本。所以,如果我快速打开 Twitter,我可以打开我运营许多 Twitter 账户。这是我的增长策略之一,我认为这是最重要的平台。但是您可以看到,当我上传视频时,它会附带这个副本,这非常重要。如果我快速打开文档,我有一个报告,其中列出了所有重要的文档。所以,这里是我所有帖子的所有副本。我将复制这个。然后我将去 vibecode.dev。在这里。这看起来好多了。有点。我们拭目以待。这是一份文件。我将使用 Whisper Flow。这是一份关于我视频中包含的所有副本的文档。所以,我想让你创建一个应用程序,这是一个视频应用程序,我将上传我的视频,你将使用以下 API 来分析视频。就像,你将获取视频的转录并使用此 API 分析视频。看这个。所以,我将点击这个 API 选项卡,我们将使用 Gemini 3 Pro。它实际上将分析视频。Gemini 实际上可以有视频输入。我想这样做。所以,它需要一点时间来加载,但它将为我提供七个不同的视频副本选项。它将把这个内容作为上下文,对吧?这些高性能视频作为上下文。我想将所有这些都存储在数据库中。所以,你应该创建一个新表或类似的东西。这应该用作上下文,但应该是轮换的。所以,我想在未来添加高性能视频。它应该始终在 Gemini 3 提示的上下文中。基本上,所以当我上传视频时,它只会给我七种不同类型的帖子选项。我将粘贴所有这些信息。现在我们有三个提示正在运行。我将等待它们全部完成。我实际上刚刚意识到我们需要另一个图标。所以,嗯,让我 3D 渲染一个带有脚本背景的摄像机的卡通图标。哦,这个看起来很酷。我将把它添加到提示中。请为此视频应用程序使用此图标。拜托。右?它刚刚创建了这个名为视频脚本的视频应用程序。我们可以测试它。它现在正在添加图标。我实际上会等到它添加完这个,因为这个不会花很长时间。哦,看,我们现在有声音效果了。它们打开了。很有趣。好的,它完成了。现在我们有了这个视频图标。我们可以打开视频脚本。让我们点击新建。我们可以上传视频。让我们上传。我不知道这是否会起作用。所以,这是 140 兆比特。视频必须小于。好的,所以我们可以更改它。嗯,为什么限制是 20 兆比特?为什么限制是 20 兆比特?请修复它。我知道这不是 Gemini 的限制。好的,让我们上传 Andre Corpathy 的视频。好的,所以使用 AI 分析视频。对于较长的视频,这可能需要长达 2 分钟。好的。所以,我们只是等待。哦,我注意到打开的窗口下方有一个小点,就像 Apple 一样。哦,哇。它完成了。所以,这里是二,三。哦,哇。所以,问题领导。LLM 就像电力一样。当 LLM 出现故障时,地球会变得更愚蠢。好的。所以,我们有了这个分析视频并生成脚本的新工具。它使用相同的格式。就像,我每次都使用这个完全相同的格式。在每一个视频中,我都会提到 Vibe Code 应用程序,这很有趣。所以,我可以非常轻松地将其复制到剪贴板。我回去。所以,这是我们的第一个视频。这就是我们创造的。我们在大约 15 分钟内创建了一个小型操作系统,其中包含计数器,对吧?我们可以创建一个新表单。我们可以共享此表单。我们可以在新选项卡中打开此表单。当人们填写它时,它会被保存到数据库中。我们对链接树也有同样的情况。我们创建了一个链接树,其中包含我们所有的公共链接,并且现在可以发布到互联网上。所以,我们基本上完成了。所以,我想快速做的是,我想将其部署到互联网上。所以,我将部署这五个更新。我将称之为 Riley OS,Riley 的操作系统。然后我们点击下一步。我将实际启用密码保护。所以,我将使其成为密码保护,因为我想与我的团队共享它,并且我不希望外部人员,就像,我不希望我的团队以外的人登录。所以,我们可以快速设置一个非常简单的密码。所以,我在这里输入了我的密码。然后我们可以点击部署。所以,这实际上将它放在互联网上,网址是 Rileyoss.vibode.run。我们可以看到我们部署的所有详细信息。它需要几分钟才能部署,但这将在互联网上发布,我们将能够看到我们部署的所有信息,包括数据库。我们将看到数据库中的所有内容,日志,环境,分析,域名,设置,所有内容都在这里。这就是我们正在创造的。总之,就是这样。非常感谢大家的观看。顺便说一句,如果您想获得 Vibe Code Max 75% 的折扣来试用 Vibe Code 应用程序,我会在描述中放一个链接,您可以自己尝试一下。非常感谢您的观看。下次视频再见。和平。