antigravity部署教程

google anti gravity 绝对是一款颠覆性的 ai 编程工具，它完全改变了我日常使用 ai 的 习惯。现在很多人还只是把哲米奈当做聊天机器人使用，但如果我告诉你，你完全可以通过使用 anti gravity 管理任何项目，设计自动化的工作流，开发优质的 ai 产品，而且不需要你写一行代码，当然前提是你要学会正确的使用它。 在二零二六年， web coding 基础的 ai 开发绝对是每个人都应该掌握的技能，所以我会用这条视频带大家完全解锁 antiquity 的 全部功能，让你的 ai 使用效率原地起飞。我会教你如何从零开始，一步一步的搭建 ai 应用，包括如何使用最近爆火的 skills。 就 算你是完全零基础的小白， 话不多说，我们直接开始。首先， antigravity 是 谷歌推出的一款编程工具，它的核心是基于 ai agent 智能体驱动的思维模式，不仅能够写代码，更能同时自主构建完整的项目。就像是你可以拥有一支全天候为你服务的智能体团队，他们会随时跟你进行汇报对其项目进度， 而你只需要用通俗易懂的自然语言告诉他你的需求，就像是跟朋友对话一样。首先我们进入官网这里直接去下载跟你电脑对应的软件版本就好了，正常安装。 提醒一下，国内使用的话需要科学上网， ip 最好是美区。然后你一定要开启增强模式之后，你才能来到这个界面，点击创建新的文件夹，一个文件夹就是一个项目，里边会包含所有跟这个项目有关的全部文件，然后我们在桌面创建，比如我们就叫 test， 大部分人可能因为不熟悉编程就卡在这里了，我最开始使用 cursor 就是， 所以想要完全的掌握 ant gravity， 最好的学习办法就是大家可以跟着视频边做边学习。 你可以看到在这个初识界面，右边是你和 ai 对 话的窗口，中间区用来显示文件，左边是你管理项目文件的地方。我们先进行一些基础设置，首先来到拓展这边，在这里搜索 chinese 插件， 直接安装其他插件，等到有需求的手按 t widget， 会自动提醒你安装。然后呢，我们来到右上角，这里三个点，点击 customization， 我 们来设置一下全局规则和项目规则， 不把 nt gravity 当做一家餐厅入死，就好比是你的员工守则，在这里呢，你可以规定 ai 跟你对话的方式，比如说不要讲废话，你要求他全部使用中文回答。项目规则呢，是可以仅仅在当前的项目生效，也可以部署在全区，你可以自由的选择 ai 出发的方式， 比如说这里入死，我们直接使用科室内部员工发在 x 上的一段提示词，直接把这一段复制粘贴下来， 直接粘贴到这里，然后记得在这边加一句 always response in 简体中文，这样你能保证应该大概率是用中文来回答你。然后项目规则，我们直接使用 github 上开源的一段检测 bug 的 描述，直接把这段提示词全选复制，然后在这里添加 workspace， 然后粘贴到这里。可以看到在左边这里自动添加了一个文件，那下面是添加描述的地方，我们直接就粘贴到这里。触发的方式你可以选择是总是触发，也可以手动或者是让 ai 来决定什么时候使用。然后我们把它保存一下， command 加 s 保存就可以。看到这边已经添加上了视频，里面全部使用到的提示词，我都会在评论区放链接。基础设置完成，我们就可以开始接下来的开发了。前段时间我有刷到那种片场探班的视频， 就是一个人拿着手机可以和很多的电影人物，比如泰坦尼克号，复仇者联盟里面的角色自拍，我觉得很有趣。那我就想着先做一个这样的生图 app， 然后我就可以拿这些图片直接去做视频。 如果你完全不懂编程和开发，在打框架这一步你就可以交给 ai， 你 可以使用任何你熟悉的大模型帮你理清思路。谷歌 germina， cloud g p t 或者 deepsea 都可以。 比如在这里你可以直接跟他说，呃，我想要开发一个外部应用，它的核心功能是使用谷歌 nasa banana 的 声图功能。 当用户上传了一张自己的任意的图片，输入喜欢的电影名称，就能够生成一张他和这个电影主角在片场休息时的合照。嗯，我希望是那种很真实的抓拍版，就好像他真的去探班了一样。背景希望是真实的拍摄场景。 不需要着急给我整体的方案和代码。我需要你先挑战我的问题，帮我梳理和完善思路。你可以向我提问，直到你完全理清楚我的需求。 接下来 ai 可能会问你很多的问题，你把你的需求全部理清了之后，你就要再对 ai 说，我需要你根据我们的对话帮我生成一份 sop 或者产品需求文档，然后我们再交给 ai 进行开发。看这边他已经有回复了。 高安蒂 gravity， 把 ai 最后给你的提示词直接粘贴到这里的对话框。模型，你可以选择 jimmy， nike， cloud 或者 gpt， 每种模型都有不同的特点，比如说 jimmy， nike， 他 做出的 ui 界面就很强， cloud 编程能力很强， gpt 属于各方面都很均衡。 然后这里是有 fast 和 planning 两种模式可以选择， fast 比较适合你执行快速简单的小任务。 plan 模式下，它会先生成一份计划书，跟你确认每一步的关键步骤。然后我们今天选择 plan 模型，选择最高的， 可以看到 ai 就 开始工作了。好，可以看到这边它先给我们生成了一份计划书，它会告诉你总共有哪些步骤，每一步需要做哪些事情，你可以逐条的分析，然后跟它对话。这也是我觉得 intgrity 特别实用的一点。比如你看这边有很多加号， 每一条你都可以随意的添加自己的批注，任何需求都可以通过注视添加，这样我们就可以实现一个实时的交互。比如说这边他有最后提到 u i 风格，我想添加一点自己的设计，我就直接点这边的加号给他说， 嗯，我希望你可以添加一些克莱因蓝的元素，我很喜欢这个颜色。嗯，然后再添加一些电影胶片的 icon， 当然整体的设计要符合我整个项目的风格。 直接添加，如果你有更多的需求，也可以随时的添加批注。左侧的项目文件里，如果你有自己的品牌或者 logo 图片，也可以自己拖拽过来给 ai 参考。如果没什么问题，我们就直接点击这个 percy 的 执行，然后这些文件都可以关掉了。 在 ai 执行的过程中呢，我给大家介绍一个相比其他 a 一 工具，我觉得 ituiptive 最能体现智能体驱动的工作模式。这里我们点击右上角有一个 open agent manager， 在这里呢，左侧面板会显示你所有的项目。想象一下，在这个界面，你可以同时创建管理多个智能体，让他们在同一个时间处理不同的工作。你只需要点击这里的加号，就可以创建新的对话框，比如说刚才的任务是进行整个外部应用的开发，这里呢，我想让 ai 帮我搜集一些比较好看的前端页面， 点加号你看就可以弹出一个新的动画框。在当前的项目里面，我直接跟他说，嗯，请你去飞格玛帮我搜集一些具有电影元素的前单页面，你可以给我三到四个链接， 这里我们使用 fast 的 模式就可以了，然后模型选择快速。当然你还可以再添加执行不同任务的智能体，只要你有需求，电脑配置跟 token 都足够的话，你可以无限的添加。 在这边左侧面板，你可以看到几个不同的智能体同时在干活。左上角的收件箱它会显，它会实时的显示智能体的工作状态，所有的过程你都可以实时的追踪。当智能体需要你协助的时候，它们会发信息给你，要求你 proceed， 这里我们直接点击 proceed， 所以 antigo 体是可以同时显示两个工作窗口，一个是现在的智能体管理窗口，它会显示所有 ai 智能体工作的状态。一个就是我们刚才的代码编辑器，你可以随时的切换试图如 如果你有多个显示器的话，那会更加的方便。自动调用浏览器也是我觉得 itguoyot 非常惊艳的能力，它可以直接在内置的浏览器中动态测试，当我们开发网页时，它就可以自动测试网页功能， u i 交互，完全实现自动化的操作，然后给你反馈的结果。这个蓝色的边框就相当于它在自动的调用这个页面去帮我们进行搜集，可以看到它已经打开了三个页面，这一步完全没有电脑操作。 可以看到这边我刚让他去飞格玛帮我搜集页面，他已经执行完成了，这边就是他给我们的一个进度汇报，你看他直接给我们附上了链接，我们可以直接点击就能打开， 你可以一个一个的点进去看是不是你想要的那种风格，我这边只是做一个简单的展示。 好，现在这个任务已经执行完成了，我们可以让他打开帮我们测试看一下。这边我们新建一个对话窗口，你也可以直接 ctrl 加勾，然后输入 npm， 你 当然也可以跟大家说，请使用自带的浏览器帮我打开页面，我要进行功能的测试，两种方法都可以啊，我们这边点击这个链接打开，随便找一个链接打开， 可以看到这边他提示我们是要输入 api k 的， 然后我们就去获取一下 api k， 直接打开 google 的 as 丢丢，在这里面拿到一个你的通行证，直接复制，然后回到刚才的页面，粘贴到这里， 然后我们就可以看到整个页面的设计还是不错的，他加入了很多我喜欢的克拉英兰的元素，标题就是 hollywoodcut。 然后这边是可以用来上传自己的照片，这里输入电影名称，然后选择画幅比例，这边应该是会生成一个 呃生图的提示词，那我们就随便找一张照片进行测试一下，我这里面就拿了一张我从之前视频里面的截图，然后电影名字，他推荐爱乐之城，我们我们换一个，比如我们选择蜘蛛侠 三，英雄无归，然后这些其他我们先暂时不要动，直接点击 action 啊，可以看到他已经生成了一张照片，这个应该他只选了荷兰第一个角色。那我们这边可以下载，但是这边还可以输入指令，然后进行进一步的画面调整， 可以看到这张照片清晰度还是挺高的，然后整体确实是有那种真实的在片场拍照的感觉。那比如说如果我希望再做进一步的调整，这个是我从网上随便找的一张图片，我觉得很适合我这个网站的风格，我希望把它加在整个项目里面。那我们就比如截图， 然后我们这里回到 antigravity， 直接拖拽上来，你可以跟他说请使用这张图片帮我作为 logo 添加在当前的项目页面中， 所以你看你其实是可以随时的提要求，让 ai 进行修改和优化。这里注意，建议大家每次修改完成之后呢，都点击一下这里的提交，把你的修改保存在本地的 get， get 就 相当于是你游戏的存档，它会记录你每次版本更新的内容。如果你后面改着改着发现自己不喜欢，或者说 ai 改错了，出现 bug 了，你还可以找回之前的记录，一定要养成好习惯。嗯，可以看到最新更新的画面，它已经把我刚才要添加的这个 logo 添加上去了， 所以我真的很喜欢 tikblr 这种实时双向合作的开发方式。你可以把每个智能体都当做不同的员工来看待，你可以同时运行多个不同的项目，而你只需要做的就是管理好你的收件箱，确保它们都在执行就可以。另外呢，再向大家展示这里的 playground 功能， 你可以把它当做你的临时工作窗口，当你不确定要不要进行完整的开发，或者说你只想做一个 demo 的 时候，就可以来到这边。 当一个项目开发完成，你下一步就是要把它保存在 github 里面，不然你每次都需要打开 id 浏览器，它才能够运行。首先我们来到右上角，点击这三个点， 点击 m c p 服务管理 m c p m c p 全称模型上下文协议，这个协议本质上是利用一套通用的语言标准，让 ai 可以 和各类的应用实时互联，无缝对接，所以你可以把它当做一张通行证。举个例子，比如说你这家餐厅打算供应宁夏滩羊，可 是你的冰箱里面根本就没有这个食材，那厨师是不是你们没法做了？那有了 m c p 呢？你就能够连接到宁夏太阳的原产地供应商，当你需要这个食材了，那边得到许可，就可以给你进行固定的配送。那对于 ai 来讲，比方说你链接了飞格玛，有了 m c p， 你 的 entire gravity 项目才可以跟飞格玛的前端设计稿实时互联。比方说你链接了 notion m c p， 那 你就可以直接在 anti gravity 里面说，帮我在 notion 创建一个表格。 那可以看到这里其实内置了很多的 m c p， 一 旦连接你存放在各个服务器里的项目都能够直接调用，而你不用担心兼容或者格式的问题，所以你可以按需添加。现在我们需要配置一下 get up 的 m c p， 可以 看到我这里面已经配置过了，这里需要你去 get up 手动获取，然后复制过来。 打开你的 github， 建议每个人都要注册，因为这里是全世界最大的开源代码的一个存放的平台，它可以储存文件，还能直接托管我们的项目。在右侧的面板找到设置选项，然后找到 developer settings， 点击 personalize tokens， 就 在这里你可以创建一个新的 token， 这里要验证一下你的密码， 验证完了之后呢，在这里取一个名字，然后你在这边添加你的权限，添加权限之后点击创建 token， 添加权限之后就会生成完整的授权码，然后你回到这里粘贴就可以。 另外说一下，使用 github 的 mcp 需要 docker 这个软件在后台运行，不然你无法添加，也无法使用这个软件，也直接在官网安装下载就可以。 添加完成之后呢，点击 refresh， 就 在左侧出现工具面板，可以看到系统最多同时支持一百个工具的调用。但是我建议你不要一次性的开太多，按需加载就可以，建议每次控制在二十个左右。 如果你要添加未收入在 m c p store 里面的 m c p， 就 点击这个原始的配置仕图。注意看，这里就是你 m c p 的 原始配置文件。最简单的办法就是选中，然后把它们全部 复制在这边。新建一个对话框，你就直接让他编写某一个供应商的 m c p， 然后你去这个供应商的网站获取授权码，再粘贴回来保存就可以了。一定要养成凡事都用 ai 的 习惯。添加完成之后呢，这里新建一个对话框，因为我不希望有太多其他内容的干扰， 你就直接对他说，嗯，我希望新建一个 github 仓库，用来存放并且发布这个项目，仓库的名字就叫 hollywoodcut。 同时帮我设计这个部署的工作流，会使用的环境参数请参考 ev example 文件，并且将全部的操作流程都更新到 readme 的 文档。在上传前请帮我检查，确保我没有任何的个人信息，比如说 api 可以 泄露的风险。注意这些全部都不要写在前端的代码里面， 没有什么问题就直接按下回车，然后你的系统将会自动将这些变更同步到 gitlab。 保存完成之后呢，你就可以获取到一个网址链接，随时可以添加到浏览器里面打开。如果希望更进一步呢，我们就可以选择通过我 style 进行部署，这样这个前端应用就可以上线了。 在我 style 里面，我们需要关联 gitlab 仓库，这样你的我 style 就 可以看到你 gitlab 里面的代码库，直接点击这里的 is new， 点击 project 可以 看到这里面已经显示了好礼物 cut 的 这个项目，然后点击 input 项目就会直接导入框架预设，全部都会自动填充，直接点击 deploy 部署，就可以把应用发布在公共的域名上面。 所以现在你基本上就打通了一套从开发部署发布这样一个前端项目的全流程，通过 gitlab 同步，然后 gitlab 触发我 style 部署， 整个过程都是时事联动的，是不是很酷？这样我们就可以自己尝试打造出功能独特又实用的 app， 而且随时可以分享给朋友。 但是要强调一下，我们今天开发的仅仅是一个前端的 top 应用，在网上刷到的内容帖子，我用十分钟开发出了某某软件，基本都是这种类似的。 如果你想要进行完整的开发，那么你还需要了解后端数据库，购买域名，开放支付，包括商业化等等技能，这些都需要你进行更深一步的学习。但是 web coding 的 乐趣就在于，当你看到了一款很不错的软件，是不是可以先想象一下自己有没有办法复刻出来做一个简单的应用，比如 比如说口语学软件，语音助手就放在本地自己使用。我觉得对于没有任何编程基础的小白来说，真的可以算是打开了新世界的大门。那最后我们再来简单讲解一下 skills， skills 其实很好理解，因为它翻译过来就是技能。我们还拿厨师举例，比方说你已经有了一个非常厉害的厨师， 他本身就会做很多菜，但是川味鱼香肉丝的做法和其他地方那就是不一样的。你要是不提前给厨师讲情书，如果他按照自己的习惯发挥，可能味道也不错，但是绝对不会是你想要的那个川味。但是如果啊，你可以提前把这套独家秘籍给打包好，比方说油温多少度，配菜有哪些，什么时候该来一勺豆瓣酱， 怎么摆盘等等这些操作，全部打包成一个技能包交给厨师。那他平常呢，不需要把这些厚厚的技能包都背在脑子里，因为这样太占内存了，也就是太费 token 了。 那他只需要在腰上挂好这个技能包，等什么时候客人点名要吃那个川味鱼香肉丝的时候啊，他提前看一眼，再决定要不要读取这个技能。 然后呢，照着这个步骤精准地来一遍。这样做的话，既可以节省 token， 又能够保证干活的质量。这个啊，就叫做渐近式批漏。所以其实本质上，你可以把任何一个自己经常会用到的流程、工作流都打包成一个 skills， 这样你每次调用的时候，都不需要你提前说那么一大堆的背景提示词。 比方说，我们可以直接去 github 上下载 ansorepic 公司，也就是 cloud 那 个公司自己开源的 skills， 可以 看到这里的 skills 有 包括修改 word 文件，修改 pdf， 包括数据处理，还有一些前端设计的 skills。 我 们直接点这里的 code， 复制整个仓库的链接，然后回到 antigo 这里，我又重新建了一个项目，你就直接跟 ai 说，帮我下载这个仓库里面全部的 skills， 并且部署在局的路径下， 然后把这个仓库的链接发过去。部署在全集路径下的好处就是说，不管你打开什么项目，都可以直接全部地调用这些 skills。 果然教程都是发给 ai 看的，如果想要多做一步呢，你还可以跟他说，帮我把这些 skills 都配置成为斜杠可以调用的形式，这样当你明确想要调用某个 skill 的 时候，就可以直接选中了。 另外呢，再给大家推荐一个前端设计的 skills， 叫做 u i u x pro max skill 也是一样的步骤，在 code 这里复制整个仓库的链接，回到 ant gravity， 把仓库复制给他，对他说，帮我下载这个仓库的 skills， 然后直接点击回车就可以了。 这里可以看到我的斜杠已经可以调用这些 skills 了，我们就简单测试一下，帮我制作一个健身房的宣传落地页，你可以规定他使用哪些技能，比如说我打字使用就是我们最新安装的这个 u i u x 的 skill 直接发送。 可以看到这里已经调用了 u i u x pro max 的 升图模型，帮我们生成了两幅图片，我们直接在浏览器里面打开去预览一下， 那可以看到这个页面这个人物介绍部分他就使用了刚才的图片，整体来看还是挺有特色。就目前来讲，这个红黑配色不是我喜欢的风格，但是这只是一个初步的搭建，之后你有什么想法可以让他进行个性化的修改。其实你看关于一个健身房落地页的基本元素他这里都是有的。 好了，以上就是本期全部的关于 antiquity 的 基础教程，基本上你使用 cursor tree 或者任何的 id 工具，它的界面操作啊都是一通百通的。 web coding 时代，学习 ai 最快的方式就是先用起来，先做出一个东西，然后慢慢地补足专业技能，这样你才能有源源不断的学习动力。

谷歌 antigravity ide 现在终于支持 agent skills 了， 这是 open ai codex 支持 agent skills 之后，又一个 ai 巨头的编程之手，加入了 agent skills 阵营。所以说二零二六年正式成为 skills 元年。 ai 编程从传统的给 ai 编程工具一句提示词，让 ai 临时发挥， 升级为给 ai 编程工具装一套技能，让 ai 按照技能稳定产出代码。 agent skills 是 osopik 最初开发现已成为开放标准的智能体能力扩展格式。 它解决了一个核心问题， ai 虽然越来越聪明，但它缺乏你的领域知识，你的工作流程，你的最佳实践。 而 skills 的 作用就是把公司、团队甚至个人的工作流以及最佳实践，还有脚本等工具像模块一样打包进去，让 ai 编程助手等智能体按需加载，反复复用。所以我特别喜欢用一句话来区分 agent skills 和 prompt， prompt 是 临时指令，而 agent skills 才是长期资产。这次 anti gravity 支持 agent skills 的 意义非凡，尤其是对于非专业开发者，福利最大。 哪怕你完全不懂编程，不会写代码，也可以通过安装现成的 skills， 打造一个真正懂你业务的专属 ai 编程助手。 aging skills 的 本质就是 ai 专用业务手册，通过文件夹和 markdown 文件来打包知识工作流，最佳实践还有脚本、 ai 编程助手等 ai 智能体会，自动发现并且按需加载特定的 skills 来实现能力赋用，还有标准化， 而且是渐进式加载，从而避免上下文爆炸。好，本期视频教大家详显式我们如何在 anti gravity 中使用 agent skills 以及如何创建 agent skills？ 并且我选择了一个最具代表性的 agent skills uix pro max。 我们将借助这个 skills 让 anti gravity 创建最为现代化，最为美观的 ui。 这个 skills 能让你在做界面时自动获得专业的配色，排版，布局，还有交互建议，来解决很多开发者做出的产品能用但不美观的难题。 好，想在 anti gravity 中使用 agent skills 非常简单。首先我们要确保我们已经将 anti gravity 升级到了最新版。 好，下面我们可以先测试一下在 antigraph 中使用 anselpic 官方发布的 skills。 anselpic 官方发布了多个 agent skills， 在 官方给出的这些 skills 中包含前端设计的 skill， 还有创建 ppt 的 skill。 下面我们只需要将这个项目克隆到本地。下面我们打开终端命令行，直接用 get 克隆的命令将这个项目克隆到我们本地。好，这里克隆完成，我们直接用 cd 命令进入到这个项目的路径。 根据 anti gravity 提供的官方文档，我们可以将 agent skills 放在这两个路径下，其中这一个就是我们当前的项目路径。如果只允许 agent skills 在 当前项目路径下加载，那么我们就可以放在我们当前的项目路径下。 如果希望 agent skills 在 所有项目中都能调用，那么我们就可以放在这个大局路径下。好，下面我们回到终端命令行，我这里直接用这条命令将 agent skills 放在官方推荐的这个大局路径下，我们直接运行就可以。 然后我们用 cd 命令进入到这个大局路径，然后用 l s 列出这些 skills。 好， 可以看到这里成功将这些 skills 都放在了这个大局路径下。 然后大家如果不习惯执行命令，也可以直接将这些 skills 文件夹全选复制，然后粘贴到 antigravity 存放 skills 的 这个路径下。像这样的话，在 antigravity 中，我们只要创建了新项目， 它都能调用到这个大局路径下存放的这一些 agent skills。 好， 下面我们就测试一下 ansopek 这一些 skills 中的前端设计 skill。 我们回到 anti gravity。 好， 下面我们就可以输入提示词，这里我输入的提示词是创建一个咖啡店的落地页，并且使用这个前端设计的 skill。 在 模型这里，我选的是 gemini pro 模型，因为这个模型非常适合用于前端 u i u x 设计。然后我们直接点击发送， 可以看到这里它正在搜索 skill。 这里它需要运行命令，我们允许它执行。好。非常神奇的是，它这里自动调用了 nano banana 模型来生成了这个网站所需要的这些图像。 然后我们点击打开，这是它生成的第一张咖啡馆内的这个景象的图像，这里放着一杯冒着热气的咖啡。这里它生成了第二张图像，这张图像是咖啡豆的图像，我们可以放大看一下。 anti gravity 自动调用 nano banana 模型来生成图像。这个功能是其他 ai 编程助手所不具备的，因为无论我们在使用 codex 还是使用 cloud code， 它们都不会自动来生成图像，而 anti gravity 它为我们开发这种前端 ui 的 时候，它能自动生成最为适配的图像。 好，这里提示这个咖啡馆落地页，这里已经创建成功，并且使用的是 next j s 还有 telenovela css。 然后下面我们就可以根据他给出的命令来运行一下，看一下效果。我们直接复制他给的命令， 然后打开 anti gravity 的 终端，粘贴这条命令，并且运行好，运行成功。我们直接打开这个链接，打开之后我们就看到了他为我们创建的这个咖啡馆的落地页面，然后这个页面的背景图像就是他刚才调用 nano banana 来生成的这个图像。 这里是这个页面的导航栏，可以看到设计的非常不错。然后我们继续往下拉，在这里他还将刚才生成了这个咖啡豆的图像 也加入到了这个页面中。可以看到它设计的这个咖啡馆的落地页非常精美，而且它用 nano banana 生成的这种配图效果也非常不错，这可以说是 anti gravity 独有的技能。 这样的话我们测试的是在 antigravity 中来加载已有的这一些 skills 项目。好，下面我们还可以测试一下手动创建这些 skill。 在 antigravity 官方文档这里，它给出了手动创建 skill 的 这些步骤，而且这里还给出了一个用于代码审查的最简单的 skill。 下面我们就可以使用官方给出的这个例子，在我们当前的项目路径下来创建这个 skill。 在 当前项目中，创建 skills 非常简单，我们只需要按照官方他给出的这个文件路径进行创建就可以 在 anti gravity 的 终端命令行，我们直接执行这条命令来创建用于存放 agent skills 的 路径。 好，这里创建成功，下面我们就可以将官方给出的这个案例放入到刚才我们创建的路径中，然后我们直接复制这个内容回到 anti gravity。 在 anti gravity 中我们就看到了刚才我们创建的这个路径，然后这里我们新建一个文件 昵名为 skill 点 md， 然后将刚才复制的内容直接粘贴并且保存就可以了。下面我们就可以测试一下调用这个 skill 进行代码审查，输入梯式词，使用 code review 审查当前项目的代码，然后我们运行可以看到这里它正在读 skill md 这个文件，正在分析这个项目的代码。 好，这里完成了代码审查，这里输出了代码审查的这个结果，这里还给出了用于优化这个项目性能的这些建议。这就是我们在 anti gravity 中通过手动创建 skill 并且调用 skill 的 方式。如果想创建更加复杂的 skill， 然后我们可以使用这个开源的项目 skillseeker， 我 在之前的视频中为大家详细演示过，然后如果不熟悉的话，可以查看我之前发布的这一期视频， 它可以一键将任何开源项目或者网站转为 agent skill。 好， 下面为大家演示这一款最强大的用于 u i u x 设计的 agent skill u i u x pro max， 而且它支持多种技术站，包括默认的 html 加 tailwind， 还支持 react next js， 甚至还支持 swift， react native， 还有 flutter。 想在 antigravity 中使用 ui ux pro max 非常简单，然后我们只需要按照官方给出的命令去执行就可以。我们直接先复制这条 npm 命令用于安装这个项目， 然后汇到 antigravity 中。我们直接在 antigravity 的 终端命令行粘贴这条命令并且运行就可以。好，这里安装成功。 下面我们就可以运行这条命令，针对 anti gravity 的 命令进行安装，然后在 anti gravity 的 终端直接粘贴这条命令并且运行就可以。好，这里提示已经安装成功。 在 anti gravity 中，我们只需要用斜杠命令就可以调出 u i u x pro max。 下面我们就可以来输入一个提示词。我这里输入的提示词是让它使用 react 构建一个 to do list， 要求使用拟物化的风格， 包括添加任务，完成任务，删除任务，而且还要具有柔和的阴影和微妙的紧身效果。然后这里我还是使用 jimmy 三 pro 模型，我们直接点击发送。像这样的话，在 anti gravity 中它就能够使用 u iux pro max 这个 agent skills 来获得 u iux 设计的经验还有最佳实践，从而为我们生成更加美观，更加现代化的 u i。 好 在等待了几分钟之后，这里完成了这个项目的创建，然后我们运行一下，查看一下效果。 可以看到这里他成功为我们开发出了这个你物的 to do list 的。 然后我们可以测试一下添加任务。注入这个任务之后，这里就会出现这个按钮，然后我们点击添加好，这里添加成功。然后下面的任务当完成之后，我们就可以点击完成，我们再添加一个任务测试一下。 好，这里添加成功，当完成之后，我们就点击完成。可以看到他设计的这个你物化的 u i 效果确实非常不错。 这样的话我们就实现了在 antigravity 中使用 u i u x pro max 这个 agent skills 项目实现 ui 设计。 agent skills 还有更多更实用的应用场景。 由于时间有限，本期视频只为大家演示了用于 ui 设计的 agent skills。 后续的视频中，我将为大家演示更多更实用的 agent skills 以及 agent skills 的 使用技巧和最佳实践。

anti gravity 是 谷歌推出的一个 ai 编程工具，和其他 ai 编程工具相比呢， anti gravity 有 两个非常明显的优势，第一，它改变了我们和 ai 的 写作方式。在 anti gravity 里面，我们不再是一个单一的开发者，而是作为一个项目管理者， 可以同时运行多个 ai agent， 让它们分别扮演不同的角色，比如开发工程师、产品经理、市场营销等等。而我们只需要统一管理，合理分配任务，就可以把一个应用快速打造成一个完整的产品。 第二个优势是可以免费使用最新的 ai 模型，包括 gemini 三点零 pro、 gemini 三点零 flash 以及 cloud server 四点五和 cloud office 四点五，而且它的免费额度也比较可观，算是一个不小的福利。那这期视频我们就来详细介绍 anti gravity 的 使用方法。 要使用 antigravity， 我 们先在官网下载软件，然后安装并完成身份认证，就可以正常使用了。国内用户如果在身份认证这一步遇到问题，可以先打开这个网址查看一下自己的谷歌账号。关联的地区 目前只有部分地区支持使用谷歌 ai 服务，我们只需要把关联地区修改到支持的地区，就可以解决认证问题。具体支持范围可以参考这个谷歌 s studio 和 demo ipi 的 适用地区列表，在这里面选择一个合适的地区就可以了。 在正式使用 ant gravity 之前，我们先来设置一下中文语言，这样后面用起来会更方便。操作也很简单，先点击这里，打开 ai 对 话框，然后点击右上角这三个点，选择自定义设置，接着进入这个 rules， 点击这里编辑 rules， 在 这里添加一条规则，我们告诉 ai， 让所有的回复、注视和文档都必须使用中文，这样当我们和 ai 对 话的时候，它就会默认使用中文来回复。那这个 rules 它的作用就是约束和引导 ai 的 行为， 比如统一回复语言，约定生成代码的规范等等。我们来看一下这个弱子文件，我们在里面设置了一些代码生成规范，比如指定生成代码的时候，前端默认使用 react， 后端默认使用 python， 还有代码的命名规范，注视规范， 前端的规范，比如 hux 的 使用，后端的规范，比如 python 版本的限定，还有这些安全规范，比如密钥的使用，敏感数据的存储等等。所有和代码相关的规范都可以添加到这个文件中，用来帮助引导 ai 生成符合我们要求的代码。 完成设置以后，下面我们来介绍 ant gravity 的 具体使用方法。第一步，我们先新建一个工作文件夹， 然后我们来实现一个根据用户信息自动生成个人简历的 web 应用，要求生成的简历可以预览，并且可以下载 pdf 到本地。 在 antigrip 里面，这些 i 模型都是可以免费使用的，包括 gemini 三点零 pro， gemini 三点零 flash、 cloud office 四点五， 而且免费额度呢也比较可观，用来生成一些轻量级的应用是完全足够的。我们选择 cloud 模型，这里对话模式可以选择 planning 或者是 chat。 planning 模式呢，会先生成一个计划，然后按照计划去执行具体的操作。适合复杂的任务场景，比如像代码生成、深度研究等等。 chat 模式则是直接执行任务，比较适合简单的任务场景，这里我们选择 planning 模式，点击执行任务， 可以看到 ai 先给我们生成了一个执行计划，我们来看一下这个计划文档还是比较详细的，这里面包括技术选型、核心功能，还有数据结构设计等等。如果有不满意的地方，还可以让 ai 继续修改，比如这个存储个人信息的 personal info 这个结构体。 如果我们希望添加一个性别字段，就可以点击这个加号，在这里添加一条评论，说明我们需要修改的内容。可以看到添加这个评论以后，这个对应的修改内容呢，会自动同步到这个 ai 对 话中，我们直接点击提交， ai 就 会去执行对应的修改。 执行完成以后，这里就按照要求新增了一个性别字段，如果确认执行计划没有问题， 我们就点击这个 proceed， 让 ai 按照计划去生成代码。可以看到，不论是生成的执行计划还是 ai 的 回复，都按照我们的要求使用了中文。 但是这里有一点需要注意，我们这里使用的是 kolodops 四点五这个模型，如果是 java 模型，即使指定使用中文，它依然还是会使用英文，这一点需要注意。 在执行过程中， ai 可能会需要执行上要命令，或者是访问本地文件，这时候它就会向我们申请权限去执行这些操作。那这些操作权限呢？也是可以设置的，我们点击设置，然后打开用户设置，在左侧选择 agent， 这些就是执行权限相关的设置， 包括命令行，文件访问等等。点击这里可以选择每次执行都请求权限，或者是允许自动执行，下面还可以添加允许执行的命令，禁止执行的命令，还有文件访问，这些都可以根据自己的需要来设置 好了代码生成完以后，我们执行这条命令，启动这个服务。 接下来我们让 ai 打开浏览器来自动测试这个外部应用，这是 ant gravity 的 一个内置功能，它其实是通过 ant gravity browser 这个浏览器插件来操作浏览器并进行自动化测试的。第一次使用这个功能的时候， ant gravity 会自动帮我们安装这个插件， 我们点击执行，让他来自动测试。可以看到他先打开了外部应用的页面，然后生成了一些测试数据，我们点击这个确认，允许他使用这个测试数据来进行测试， 然后他就开始自动填写个人信息，接着填写工作经历，教育经历。但是可以看到他填写的这个信息并不完整， 有些字段直接跳过了，比如这个入学时间，还有这个毕业时间。那根据一段时间的使用来看， 这个自动化测试功能呢？比较适合一些布局简单的外部页面，如果网页比较复杂，测试效果并不理想，而且执行速度也比较慢，建议还是手动测试比较好，或者也可以使用其他成熟的自动化测试工具。好了，测试完成以后，他会给我们生成一个测试报告，我们来看一下这个测试的记录， ai 会先生成测试数据，然后获取这个网页元素的位置，并把这个测试数据填写进去，点击 view 可以 查看每一步自动测试的截图。如果我们想要修改这个应用的页面，可以在这个截图中框选需要修改的位置，然后添加一条评论。 比如我们让 ai 把职业头衔改成职业，去掉后面两个字，可以看到提交评论以后，对应的这个修改操作也会自动同步到 ai 对 话框这里，我们点击执行。 修改完成以后，打开这个服务看一下，那可以看到这个字段已经按照要求改成了职位，那通过这种方式，我们就可以非常方便的对这个应用的页面进行调整和修改。 那除了前面介绍的使用模式， antigraphy 还有一种进阶模式就是 agent manager， 我 们点击这个 open agent manager， 在 这个页面左侧这个列表呢是我们在 antigraphy 中和 ai 进行过对话的所有项目， 这个就是我们刚才实现的这个自动生成简历的项目，点击这个对话可以自由地切换到任意一个项目。 在 agent manager 里面呢，我们可以同时运行多个 ai agent。 我 们先在生成简历这个项目下新建一个对话，然后我们让 ai 给这个应用添加一个上传照片的功能， 并且要把这个照片显示在简历上。我们让这个开发任务继续执行，然后再打开一个对话，我们让 ai 作为一个产品经理，为这个应用设计一个二期开发规划，把这个应用打造成一个成熟的产品。 接着我们再打开一个对话，让 ai 作为一个营销人员，为这个应用生成三个适合自媒体投放的帖子，用来推广产品。 这样我们就相当于有三名 ai 员工在同时工作，他们各自负责不同的工作，来共同打造一个完整的产品。那我们作为管理人员，如何实时掌握这些 ai 员工的工作进度呢？ 我们可以点击这个 inbox， 在 这个收件箱里面，所有 ai 员工的工作进度都会汇总到这里，等待我们处理。这个是功能优化的 ai 员工在向我们申请执行权限， 我们点击允许让他继续执行。这个是产品营销的 ai 员工，他已经生成了我们需要的用来推广产品的帖子。来看一下，这就是他生成的三个帖子，分别针对不同类型的平台生成了合适的内容。 然后这个是作为产品经理的这个 ai 员工，他也生成了这个产品的二期开发规划，这里面包括添加用户系统、使用 ai 分 析简历，并给出优化建议等等。那这样我们就可以作为一个管理人员，当 ai 员工需要申请权限或者完成任务需要汇报进度， 都会通过这个 inbox 来通知我们，我们只需要统一管理就可以了。来看一下优化后的这个应用，在左侧填入个人信息，工作经历、教育经历，然后在右侧就会实时渲染这个简历的模板， 然后点击这个下载，可以下载对应的 pdf 简历。我们来看一下这个 pdf 简历，这个效果也挺不错，后续可以按照生成的二期规划来继续优化这个项目，去打造一个成熟的产品。 那下面这个 playground 呢？它是一个用来快速验证想法的这样一个功能，点击打开一个对话。比如我们有一个 idea， 让 ai 来实现一个对比两个文件的应用，执 行结束后，这个代码现在还不会缩，缩到我们的电脑上，我们可以启动服务看一下效果，如果对结果比较满意，可以点击这里，然后新建一个文件夹，把生成的这个代码保存到本地， 然后再点击这里，可以跳转到对应的页面。那这个功能非常适合用来快速验证一个想法，如果合适就把代码保存到本地继续开发，不合适就直接舍弃。 最后我们再来介绍一下 ant gravity 的 m c p 功能，在 ai 对 话中点击这里，然后选择这个 m c p servers， 那这些 mcp server 都是可以直接下载使用的。如果想要使用其他 mcp， 可以 点击这个 manage mcp servers， 然后点击这里，打开这个 mcp 的 配置文件。我们以这个操控浏览器的 playwrite 这个 mcp 为例，来演示一下 复制它的这个加载配置，然后粘贴到 ant gravity 保存文件，然后点击这里刷新一下。好了，这样这个 m c p 就 加载进去了，下面我们来测试一下。我们让 ai 使用这个 m c p 打开浏览器，并搜索大模型排行， 可以看到他按照我们的要求打开浏览器，并搜索了我们指定的内容。好了，那关于 ant gravity 我 们就介绍完了这个 ai 编程工具呢，不仅可以免费使用最新的 ai 模型， 还支持多 ai 的 协助模式，整体体验还是非常不错的，大家感兴趣的话可以去试一试。最后感谢大家的观看和点赞支持，我们下期视频再见，谢谢！

上期视频我为大家演示了在谷歌 antigraphy 中 agent skills 的 基础用法。 视频发布后，很多朋友在问 agent skills 是 否有更高级的玩法，从而能够提升开发效率，答案是肯定的，而且效果非常不错。本期视频我将为大家演示 agent skills 生态中被开发者称为灵魂技术的核心技巧，决策树。 本期视频我们要讲的决策树不是机器学习里的那个需要训练数据的算法，而是一种需要在 skill md 文件里嵌入结构化的 if else 决策逻辑，让 anti gravity、 cloud code code、 x c l i 等 ai 智能体在执行任务时具备真正的自主决策的高级能力。 因为我们在用 anti gravity 还有 cloud code 执行特定任务的时候， ai 编程助手经常问下一步该怎么做，让原本应该自动化完成的工作流变成了人机问答。而决策树就是解决这个问题的终极方案。 根据 osoup 官方文档， agent skills 是 通过 markdown 文件教会 ai agent 如何完成特定任务，而 而决策式优化就是在这个 markdown 文件中显示定义条件、分支、优先级排序还有异常处理，从而让 ai 编程助手能够自主判断，自主选择最佳方案，从而减少百分之五十到百分之八十的手动干预，能大幅提升 ai 编程助手的智能度。还有任务完成效率。 为 agent skills 实现决策术，这是目前社区公认的最强大的 agent skills 的 高级技巧。而且本期视频为大家演示的技巧不仅适用于 anti gravity， 还适用于 cloud code， 还有 codex 等任何支持 agent skills 的 ai 编程助手， 而且我会用一个我亲自开发的使用决策术方式实现代码审查的 agent skill 进行演示。 这个 agent skill 叫 code review root， 它能让 anti gravity 等 ai 编程助手智能判断我们的代码变更类型，然后自动路由到最适合的代码审查工具。在这个 skill 中，我添加了 gemini c l i 以及 codex c l i， 然后 ai 编程助手就会根据任务的复杂度来自主决策，是选择 gemini c l i 还是选择 codex c l i 用于代码审查。 因为平时我们在进行项目开发的时候，大家经常习惯使用 codex 或者 java c l i 对 我们使用 cloud code 或者 anti gravity 写的代码进行代码审查。 由于 codex 进行代码审查的时候速度非常慢，所以对于复杂的变更或者后端技术栈，大家才会选择 codex 进行代码审查。而写前端代码的时候，更适合使用 java 进行代码审查。让 ai 编程助手自主判断是使用 java c l i 进行代码审查还是使用 codex c l i 进行代码审查。 像这样的话，就不需要我们手动去干预或者手动去确认让 anti gravity 或者 cologne 的 自主决策选择哪个工具。像这样的话，不仅能让代码审查更加专业，还能解决一个非常令人头疼的问题，那就是所有任务都用 anti gravity 内置的这些模型去实现， 这样就会非常消耗 antigravity 的 token 额度。但我们如果将一些任务分配给 gemini c l i 或者 codex c l i， 像这样就能实现大幅度节省 antigravity 的 用量。 在视频开始前，先为大家简单讲解一下什么是决策术，以便让不懂编程或者不懂机器学习的用户能够理解我们为什么要在 agent skills 中使用决策术的方式。 简单来说，决策树就是通过层层的 if 占条件判断，从根节点到业节点逐步筛选，最终得出确定性决策结果的树状逻辑结构。 在这里我举了一个最简单的例子，以便大家能够理解。根据天气预报是否有雨进行决策。当天气预报预报有雨的时候，判断是否会下大雨，如果下大雨，那么就带雨伞，如果不下大雨，那 那么就带折叠伞。如果天气预报预报的没有雨的话，那么就可以根据外出时间进行判断。外出时间长的话可以带一件外套，外出时间不长的话，那么就不用带任何伞，也不用带外套。 好，这是一个最简单的决策树的案例。好，下面为大家演示一下我们在 antigravity 中使用我创建的这个用于代码审查的具备决策树能力的 agent skill 的 效果。 将这个 skill 放在了项目路径，因为无论是 anti gravity 还是 cloud code 还是 codex， 它们都优先加载项目路径下的 skill。 因为这个 skill 是 用于代码审查，所以我们让它在我们当前这个已有的项目上让它添加一个功能，以便测试这个代码审查的 skill 它的效果。 这个当前项目是我开发的一个库姆浏览器的插件，这个插件的功能就是一个定时任务的功能，然后我们可以点击这个插件的图标查看一下这个插件的功能，这是我设置的定时任务， 当时间到了我设置的这个时间之后，它就会自动打开我设置的对应的目标网站，然后在目标网站根据提示词来搜索与 ai 相关的这些新闻。比如说我设置的这个定时按钮，让它立即来执行， 然后我们可以测试一下我这里点击执行，点击之后它就打开了我设置的这个 grok， 然后在 grok 中自动输入了我给他预设的提示词，然后 grok 就 会根据任务来搜索这些相关的 ai 资讯。 在这个库姆插件中，我们可以看到这里有这个日制功能，然后我们可以让它新增一个点击这个日制就会在库姆浏览器中自动打开这个 ai 的 对话记录， 所以在 anti gravity 中我们就可以输入我们要实现了这个任务，我输的提示词是为这个 chrome 扩展。新增一个点击日期中的条目，就可以在浏览器中打开对应的任务记录。然后这里我还给它举了一个例子，在模型这里，我们这里就选择 cloud 三点五，然后我们点击发送。 当它完成这个功能新增之后，我们就可以测试这个代码审查 skill 的 效果。好，这里它开始修改这个代码，这里我们要稍等一下。好，这里提示这个功能已经完成，下面我们就可以调用这个 agent skill 进行测试。 为了方便调用，我将这个 skill 做成了斜杠命令，我们直接输入斜杠，这里就会出现这个 review， 然后我们直接选择这个 review， 直接点击发送就可以。好，这里它就提示它将使用代码审查工具进行审查好，可以看到这里它正在决策到底是使用 java 还是使用 codex 进行代码审查。 好，这里提示它现在分析复杂度，并且执行审查。然后这里是代码审查路由分析，这里检测到更改，包括九个文件， 他对代码更改的复杂度给出了一个评分，然后十分，给出了三分，也就是比较简单，更改的代码数小于三百行，因为这个代码变更的复杂度非常小，所以这里他就给出了决策，他要使用 java c r i 对 变更的代码进行审查。纯前端 js 更改，复杂度低， 无敏感代码，无数据库或 api 更改。然后这里正在执行审查。为了检测这个代码审查的 skill 它的智能程度，当它开始调用 java c l i 的 时候，我就将网立即断掉了， 然后这里它就开始提示 java c l i 遇到了错误，现在它需要使用 codex c l i 作为备选方案，然后我们这里就允许它执行。 像这样的话，它能根据代码的复杂程度智能地选择使用 java 或者 codex。 当它选择 java c l i 出现网络问题之后，它就开始选择 codex c l i 作为备选方案， 这样的话它就能通过决策树来智能地选择对应的代码审查工具。这里提示 codex 审查完成好，这里输出了这个审查报告，然后这里给出了一个性能问题， 这里还给出了一个安全问题，这里还给出了建议修复，下面我们就可以在输入框中让它根据审查报告对代码进行修复，然后我们直接点击发送， 像这样的话，我们就实现了在 antigrip 中，通过斜杠命令来智能地调用 java c l i 或者 codex c l i。 对这些变更的代码进行审查，就能让我们的项目代码变得更加完善，更加稳健。这里生成了修复总结。下面我们回到 chrome 浏览器中测试一下。在 chrome 浏览器中，我们让它再次执行一下这个任务， 这里它自动输入，并且自动点击了发送。好，这里谷 rock 正在执行，我们看一下它是否记录到了这个对话。我们点击日制， 在当前这个日制，这里就有这个查看对话。好，下面我们就可以详细看一下我创建了这个 skill， 它是如何实现决策数的。 我们可以先看一下这个代码审查 agent skill 它的执行的流程图。当对代码变更进行审查的时候，它会首先判断是否是 get 仓库，如果不是 get 仓库的话， 会运行 get in it 命令。当满足是 get 仓库的时候，就会判断 java c l i 和 code c l i 是 否可用。 如果都不可用，就会安装 java c l i 和 code c l i。 如果只有一个可用，就会直接使用当前这个可以使用的 c l i。 两者都可用的话，那么就会运行到这一步，分析 get diff， 然后判断是否有变更，如果没有变更就无需进行审查。然后如果有变更，就会到第三步，计算复杂度，进行评分，然后这里是评分规则，然后到这一步就开始进行决策。 这里就是硬性规则匹配，如果匹配到 codex 规则，比如说代码中包含敏感的文件或代码，文件数大于二十或者行数大于五百行，还有数据库迁移， a p i 服务层修改，还有跨三个顶级目录，还有复杂的 ts 范型，像这样的话就会通过 codex 进行审查，然后 gemini 的 审查规则是纯前端的代码，或者是 python 生态，或者是纯文档。如果是这些简单的内容，就会由 gemini 进行审查。当这个得分大于等于六的时候，就会由 codex 对 这些高复杂度的代码进行深度分析， 然后当得分小于六的时候，它属于中等或者简单的任务，就会由 gemini c l i 进行分析，然后这里是默认使用 gemini c l i 进行快速反馈循环。当判断好选择 codex c l i 还是 gemini c l i 的 时候，就 开始执行代码审查，到这一步就会判断是否执行成功，当失败的时候就会尝试调用备用的。比如说刚才我们调用 gemini c l i 的 时候，我故意将网关掉了，然后它就会调用备用的 codex c l i 再次执行代码审查，当执行完成之后，这里就会结束。 下面我们就回到 anti gravity， 详细看一下这个代码审查的 skill 里的这些内容，这里就是这个 skill 的 名称，这里就是这个 skill 的 描述， 在这里我们就列出了什么时候不使用这个技能。下面就开始进入流程，这是第一步环境检查，也就是检查是否有 get 仓库对应我们这个流程图上的这一步，然后到这一步就检查 java c l i 和 code c l i 是 否可用，就对应我们刚才看到的这一步。 然后到第三步的时候，就是来分析 get diff 对 应流程图上的这一步，当没有变更的时候，就直接报告没有变更，然后到这一步就开始对复杂度进行评分，这里面给出了多种评分方式，也就是对应流程图上的这一个流程， 然后这一步就是探测语言还有框架，就对应我们流程图上的检测语言框架，还有安全性等方面的这个流程。然后到这一步就开始进行路由决策， 因为这些内容比较多，所以这里我们就不再具体去看了，也就是对应图上刚才我们查看的这一部路由决策树，它会根据这些规则来判断是选 codex c l i 还是选 gemini c l i。 到这一步就是执行代码审查，在这里我们设置了 gemini c l i， 它能执行哪些命令，然后 codex c l i， 它能执行哪些命令。对应流程图就是这里执行代码审查，然后在这一步就是判断是否执行成功，也就是对应示意图上的这一步，当执行失败的时候，就会报告这个失败， 然后尝试切换另一个 c l i 进行执行，然后这一步就是格式化输出，也就是对应图上的这一个执行流程。像这样的话，这个用了决策树的 agent skill， 它就能让 anti gravity 或者让 cloud code 等 ai 编程助手具备自主决策的能力。 最后再为大家演示一下我们如何将这个 skill 在 这个对话框通过斜杠命令快速调出。像这个方式非常简单，首先我们要确保我们已经在当前的工作路径设置好了我们的 agent skills， 下面我们点击 anti gravity 右上方这三个点，然后点击自定义，再点击这个 workflow， 然后再点击这个 workspace， 然后我们新建一个工作流点， 点击之后，这里我们给工作留念个名称，比如说 review。 输入好之后，按下 enter 键，然后这里就会弹出这个输入框，这里有这个描述的输入框。在描述这里我输的就是代码审查，遵循团队标准，然后在下面的这个内容这里， 在这里我输入的就是代码审查工作流，然后这里我用了艾特符号来引用了我们这个用于代码审查的这个 skill， 这里要求他将这个代码审查里的指南用于所有的目标文件，这里输入的就是审查用户指定的文件，没有指定则不审查。 在最后这里就是让他创建包含严重程度分类的审查结果的工具。当描述和内容创建好之后， 然后在 anti gravity 的 这个输入框，我们直接输入斜杠命令加这个 review， 我 们就可以成功通过这个工作流的方式来调用我们设置好的这个 skill。 由于时间有限，本期视频只为大家演示了用于代码审查的 skill， 大家也可以将决策树的 agent skills 用于更多场景。本期视频所用到的代码和笔记，我都会放在视频下方的描述栏或者评论区。

新手小白不用写代码，挑战用 ai 做出个 app。 上期我们讲到了用 ai studio 让我们的 app 变得可以真正点击， 这期我们将进入更深入的前端开发阶段，让 app 的 功能真正运转起来。还不知道怎么用 ai 做出 ui 的 小伙伴可以去翻看前两期的视频。 首先我们需要准备谷歌的 anti gravity 这款 ide， 那 么 ide 是 什么意思呢？就是代码编辑器用 anti gravity 的 好处就是它每天是有一定的额度去使用 jimmy 三点一和 opus 四点六这两个模型的， 这两个模型搭配起来，基本上就能满足一个 app 的 全流程开发。打开 anti gravity， 把我们从 as studio 做好的全流程开发打开，咱们就选 jimmy 三 flash 模型就够了，并且告诉他解析这个项目， 因为杀鸡不用宰牛刀，等会儿要干大事的时候再请出 cloud office 的 模型。那么这个 app 的 功能最基础的是，我需要调用一个 ai 大 模型来分析岗位信息和个人简历信息，并且再生成一个全新的简历，这是这个软件的核心功能。 那我们就告诉 andi gravity， 先在纯前端的情况下把软件基本功能都实现，我将会给你提供一个 api， 这里的 api 我 们就用 deepsea 来做就可以。这个执行的任务稍微有点复杂， 所以我们要切到 opps 四点六的模型，等待处理完成之后，我们就可以测试 app 的 功能了。咱们来看它的生成结果，其实已经非常符合我的要求了。 那么看到这里，先恭喜你，你已经拥有了纯前端的开发能力。下一期我将会教你们怎么在自己的苹果设备上运行起来。我是嘎嘎，下期再见。

强烈推荐 google 推出的 anti gravity， 它是一款 ai 控制工具，并且完全免费使用。它是一款由帧面三驱动的工作流编辑器，能帮你将应用创意变为现实。多个 a 帧，它会同步写作，负责项目规划、代码编辑。但它的独特之处在于它具备浏览器模式， ai 会真实打开你的应用，像真人用户一样点击操作所有功能。 一旦发现漏洞， ai 会自动修复，全程无需你手动干预。此外，你无需局限于真皮脸模型，还能根据项目需求切换至 cloud 或 chat gpt 等其他模型。你可以通过上述链接使用，快去试试吧！

哈喽，大家好，我是 d p， 时间不到二十四个小时，按揭 gravity 又把 pro 订阅的配额改回了五小时，录一个视频跟大家做个简单的分享。 首先还是给大家看一下当时的官方公告，左边是中文，右边是英文，里面明确的提到了一个适用这个词，由于是 pro 套餐的定位是很明确的。 然后我们看一下当前 pro 套餐改回五小时的一个情况，因为我的那个订阅还是有一个周刷新，不是特别方便看，所以我就用了频道这位叫被杀入的咸鱼观众的截图。 然后首先在这张截图上可以明显的看到，确实是呃，吉米娜三点一， pro 四点六， oppo 四点六都改回了五小时的一个刷新。 然后有一个点值得推荐大家关注的就是多出了新的吉米娜三点一 pro high a 和 b 两个模型，具体用途目前还不是很清楚 呃。再然后，关于我们昨天呃视频里提到的百分之二十刷新的一个传闻，频道有一位观众叫二八八，他提供了一组截图 想证明的目的是说七天 cloud 系列只能回百分之二十的配额，然后截图是这样，从截图上看是确实是只回复了百分之二十的配额，从百分之四十到百分之六十， 但是我没有找到这个截图的出处，就是我不知道在什么地方能查到这个配额调整的这么一个截图，所以暂时只是分享给大家，如果有相关经验的观众，欢迎在评论区去留言。 最后说一下我自己的看法吧，我有一个疑问，就是说他给 pro 套餐定位了试用， 然后又那么大张旗鼓的进行了更改，然后不到二十四个小时就回头了，真的就这么容易吗？我心里现在是答了一个疑问的，因为我昨天做那期视频的时候，我就在想，这个应该是一锤定音的更改， 因为各方面的气息都很契合，就是给人的感觉。然后我有一些简单的思考，跟大家分享一下我个人的思考啊。首先对 pro 套餐官方给了一个定性试用， 试用就好像我们去超市买东西之前的试吃一样，它试用针对的是高级模型。什么是高级模型呢？吉米达三点一， pro cloudsonet 四点六， opus 四点六，这种高级模型既然是试用，肯定就是一点点没有任何的问题。然后昨天是改回了七天，二十四个小时不到，又改回了五小时， 联想到之前的还有周限额，我在想，即使它改回了五小时，它具体给到用户的额度到底是多少？ 是真的是回头是岸，还是暗度陈仓？没有办法知道，但是我们可以做什么？我们可以进行测试，很快我们就能测出具体的额度给的是多少， 无非三种情况，第一种情况改回来，额度给足，大家相安无事，就是我们继续用， 这是最好的一个情况。那么第二种情况就是保持五小时和周限额也不按照呃，就是七天刷新了，但是额度给的很少，其实就是暗度陈仓。 第三种情况我想大家应该也能猜到，就是先缓和一下，过一阵子再把七天再拉回来，反正我对这件事情我个人不是很乐观。 好的，这就是这一期 antiquity 针对 pro 订阅的配合调整视频的全部内容， 如果这期视频对你有帮助，请帮忙点赞和转发，如果你有相同的经验想要分享或者遇到相关问题，欢迎留言，特别是关于这个视频，目前为止，对于 pro 订阅来说太多扑朔迷离的点了，欢迎大家一起来测试，然后一起来讨论。 然后稍后我们会开一个 ar 相关的讨论群，我会呃邀请大家加入，如果有兴趣的话，欢迎给我发一个私信。好的，我是 d p， 谢谢大家。

哈喽，大家好，这是我使用 antigravity 和 remotion 免费生成的一个产品推广视频，只需要通过和 ai 对 话，它就能帮我们为自己的产品快速生成适合自媒体平台的推广视频，来详细展示产品的功能和亮点，非常适合用来做产品介绍或者是内容营销， 可以帮我们大大降低视频制作的门槛和成本。而且呢，它不仅支持常见的视频编辑，还可以用来设计一些简单的像三 d 动画，甚至是添加背景音乐，添加人声配音，使用起来非常方便。那除此之外呢，这套方案还支持从多种数据源来获取数据去生成视频， 比如这个根据 excel 数据表生成的年度销售额动态入账图视频，可以帮我们把枯燥的数据转成直观的动态图表和动画演示，非常适合用在工作汇报或者是对外展示。再比如这个是通过调用天气预报的 api 自动生成的天气预报视频， 它可以根据实时的天气数据动态的去生成天气预报视频，包括天气温度、风速、湿度等等。而且一旦视频模板确定以后，后续就可以直接附用或者去批量生成，不需要再重新编辑，可以帮我们节省大量的创作时间。那这期视频我们就来介绍 如何使用 the gravity 和 remotion 来免费生成我们需要的视频内容。首先我们来介绍一下 remotion 的 工作原理， 那传统的视频制作方式呢？离不开 a e 和 pr， 但是这两个软件不论是学习成本还是使用成本都比较高，而且呢不方便进行版本管理，还有对数据的动态修改也比较麻烦。而 remotion 的 出现呢，恰好解决了这些问题。 那 remotion 是 什么呢？我们可以把它理解为是一个通过 react 的 代码来生成视频的这样一个框架，那它可以让我们通过编程的方式来生成视频。如果在大分享 ai， 我 们就可以实现从自然语言生成代码，再从代码生成视频的这样一个完整流程。 而且 remotion 推出了一个专门的 agent skill， 用来生成稳定可靠的 remotion 代码。那关于 agent skills 呢？我们在这期视频有介绍过，感兴趣的话可以去看一下。 那下面我们来梳理一下这个流程。第一步呢，我们会先在 atgraph 中和 ai 进行对话，来描述我们想要创作的视频， 比如像动画场景风格。第二步呢，使用 remote 的 agent skill 理解 remote 框架，并且自动生成符合我们创作需求的 react 代码。第三步， remote 会运行我们生成的代码，并渲染出视频的每一帧图像。 第四步，当我们需要导出视频的时候，这个 remote 它会通过截图保存视频的每一帧图像。那经过这四步处理呢，就实现了从 ai 对 话到代码再到视频的这样一个完整闭环。 那下面我们先来安装 remote。 在 安装 remote 之前呢，我们需要先安装下它的依赖环境。首先，我们需要确保已经安装了六 g s， 它的作用是用来运行这个 remote。 其次，我们需要确保已经安装了 git， 那 它的作用是从 github 下载 remote 的 这个 agent skill 的 代码，并且去安装这个 skill， 那 最后我们需要确保已经安装了这个 f m pad， 那 它的作用呢？是用来合并图像去生成我们最终需要的这个视频文件。那安装完成以后，我们可以在命令行验证一下这三个依赖，执行 node 杠 v， np 杠 v 验证一下 node js， 然后执行一下 get， 杠 v 验证一下 get， 最后我们再执行一下 f m pack， 杠 word 验证一下 f m pack。 好 了这三个依赖，确定没问题以后，我们就开始进行下面的操作。我们进入到项目路径，然后新建一个 m v d 文件夹，用来作为 remote 项目 cd， 进入这个 remote 文件夹，然后我们执行这条 n p x 命令，这条命令是用来抽象这个 remote 项目。 那这里我们可以选择视频模板，我们选择这个 blank 这个空白模板，然后添加 css 样式，选择 yes， 添加这个 edit skills， 选择 no。 等一下我们会单独安装这个 skill， 然后在 vs code 中打开，选择 no， 接着我们执行这条命令来安装这个 remote agent skills， 那 这里呢？他会先从 github 拉取 skill 代码，那下面的安装范围呢？选择未特定的 agent 安装。 那可以看到这里可以选择的 agent 有 很多，包括像 ant， gravity， cloud code， code， x 等等，大家可以按空格键选择自己需要的 agent， 我们这里选择这个 anti gravity， 然后回车进行安装。那接着我们可以选择只为当前项目安装或者是全剧安装，我这里选择只为当前项目安装， 安装方式选择这个默认的，然后选择 yes 进行安装。好了，安装完成以后，我们执行 npmi 这条命令安装这个项目的依赖， 那接着我们用 antigravity 打开这个 my video 这个项目，在这个点 agent 这个文件夹下面，这个就是我们前面安装的这个 remote 的 skills。 那 可以看到这里面有非常多的它的视频设计规范，比如像三 d 效果，实时图表，字体图像等等。我们让它先列出所有可用的 agent skills， 这个 remote best practices 就是 我们前面安装的这个 skill。 那 下面我们就使用这个 skill 调用 remote 去生成视频来看一下效果。那第一个案例呢，我们让它来为我们自己开发的应用去生成一个推广的视频。 那在前一期视频中呢，我们使用 ai 生成了这样一个领养宠物的这样一个 app， 并且呢把它的代码上传到了 github。 那这里呢，我们就按 remote 根据这个项目的代码来为我们这个 app 去生成一个产品推广视频，来帮助扩展用户。我们复制这个代码的网址，然后粘贴上这段提示词， 那注意这里我们指明了让它需要去使用这个 remote best practices 这个 skill 去生成视频 这个工作模式我们选择 plan， 然后选择一个模型，点击执行， 它会先给我们生成一个计划文档，这里面包括视频的各个细节，比如像分辨率、帧率、时长、背景，主色调等等，还有组成这个视频的每个分镜头的场景。开场引入问题，然后介绍产品，接着介绍这个产品的核心功能， 最后通过数据展示这个产品的价值，并且引导用户去下载，每个场景都进行了合理规划。 下面是生成视频需要用到的素材以及 remote 组件，那这里因为我们这个宠物领养的这个 app 是 一个移动端的 app， 所以 我们让它把这个视频的分辨率改为九比十六的这样一个竖屏视频，并且把这个消息通知这个功能加上去。好了，我们重新生成计划， 确定没问题以后，我们点击这个 proceed 开始执行任务，那任务结束以后，我们执行这条 npm run dv 这条命令，启动这个 remote web 服务，然后打开本地网址这个三千端口，在这里我们就可以预览这个生成的视频了。 大家可以看到这个页面和我们平时使用的视频编辑软件有一些相似，我们来播放这个视频看一看，如果有不满意的地方还可以继续修改， 比如这个页面这个宠物信息的文字太小了，我们让他把这个文字放大一些， 生成结束后再来看一下，那可以看到这样这个文字就比较清晰了，也就是说如果我们有什么不满意的地方，直接通过对话让它去修改就可以了。那除了这些呢？我们还可以在视频中添加自定义素材， 比如我们可以使用 excel ppt 生成一个 logo 图片，然后在这个视频中使用这个 logo， 我 们下载这个生成的 logo 图片，然后回到这个 remote 的 页面， 点击这个 ss， 把这个 logo 图片拖进去就可以使用了，我们让他用 ss 中的这个图片替换视频中的 logo 图片。生成视频后我们来看一下，那可以看到现在视频中的 logo 就 已经替换成我们指定的这个图片了。 那除此之外呢， remotion 它还支持给视频添加音频，比如我们可以用 solo 生成一个推广应用的背景音乐，然后把这个音频文件下载下来，同样把它拖到这个 s s 下面， 我们让它使用这个 s s 里面的音频来作为这个视频的背景音乐，生成结束后来播放一下，那这样这个背景音乐就添加上去了。如果想要添加人声配音也是可以的，操作流程和添加背景音乐基本一致。 然后呢，我们还可以再添加一些灯光或者是三 d 效果，让视频更加有立体感。在确认视频没问题以后，我们可以点击这个 render 把视频导出到本地，那这里我们可以选择导出视频音频或者是图片，我们选择导出视频，然后点击执行 好了，导出完成以后，我们来播放这个视频看一下效果， 那可以看到这个效果还是挺不错的，再优化一下，就可以用来作为这个产品的推广视频了。 那制作这样一个视频不仅完全免费，而且呢只需要使用自然语言和 ai 对 话就能实现，相比传统的视频制作方式呢，更加方便，速度也更快。 那除了为产品生成推广视频呢？ remotion 它还支持从多种数据源去读取数据来生成视频，比如像本地的 excel 数据库，在线 api 等等， 凡是能在代码中使用的数据源都可以。比如我们这里有一个公司月度销售额的这样一个 excel 数据表，我们就可以用 remote 来根据这些数据生成一个动态的三 d 柱状图，来更直观的展示数据， 生成结束后来播放一下视频，那可以看到效果也很不错，用来进行数据展示或者是对外汇报都非常合适。 那下面我们再来看一下从在线 api 获取数据来生成视频。这是一个在线的天气预报 api， 那 这是 api 返回的天气数据，包括天气温度、风速、湿度等等。 我们让它根据这个 api 返回的数据生成一个视频，来展示明天的天气预报，要求包括各项的天气信息，以及向穿衣建议，还有出行注意事项。生成结束后来播放一下看看， 效果也挺不错的。而且使用 remotion 来生成视频呢，还有一个明显的好处就是可以直接附用模板， 比如我们这个生成天气预报的视频模板，一旦调试完成以后，我们就可以让它每天自动获取天气信息去生成视频，或者去批量生成多个城市的天气预报视频，尽管每天的天气信息不同，也能保证生成效果的稳定性，能够为视频制作节省大量的时间成本。 那最后呢，我们再来介绍一个非常实用的一个 skill， 就是 这个 ui x pro max skill。 我 们平时用 ai 去生成网站呢，经常会遇到一个问题，就是功能运行正常，但是网站的 ui 设计不够专业，要么呢色调雷同，太过单一，要么呢就是布局不够合理。 而这个 ui x pro max skill， 它的作用呢，就是用来根据使用场景来为我们的网站生成一个专业的 ui 设计。它的工作原理呢，是这样的， 比如我们让他实现一个宠物的美容网站，首先他会根据我们的 ip 置词分析出我们要实现的这个产品，它属于宠物服务这个类别， 风格标签是活泼、好动等等进行这样一些分析。然后他就会根据他分析得到的这些信息搜索自己的这个设计数据库，在这个数据库中存储了各个行业成熟的这个产品设计方案。 那下一步他就可以使用搜索到的这个宠物类的设计方案来直接生成对应的代码，去快速实现一个专业的网站。那因为他数据库中的这些设计方案 本身就参考了市场上成熟的这些设计案例，所以生成出来的页面不但功能完整，在视觉风格和布局结构上也更专业，更接近真正的产品级网站。这下面给我们提供了各个行业的网站设计模板，包括教育、电子商务、娱乐等等一共三十九个行业。 那这些模板呢，都参考了成熟的产品设计，看上去效果都很不错。要使用这个 skill， 我 们可以参考它的这个 readme 文档。首先我们先用 anti gravity 新建一个项目文件夹， 然后执行这条 n p m 命令，安装它的 c i。 接着我们执行这条对应的 anti gravity 的 安装命令。 安装完成以后，我们就可以在 ant gravity 中使用这个 skill 了。比如我们让它生成一个在线的视频播放网站， 那可以看到这就是它生成以后的效果，包含完整的首页经典热播影片推荐、影视明星探索等等这些模块，以及清晰的会员收费方案，整体布局合理，信息层级清晰， ui 设计也很专业，看起来就是一个可以直接上线的产品了。 那接着我们再来生成一个在线的家政服务网站来看一下效果，那可以看到他就给我们生成了一个暖色调风格，干净整洁的这样一个家政服务平台，这里面包括可选的服务项目、员工介绍、收费标准以及预约入口等等这些核心工程模块， 整体设计风格统一，视觉氛围符合这个行业的特点，完成度也比较高。那使用这个 skill 呢，就可以帮我们来快速生成一个贴近产品级的这样一个专业的网站。 好了，那今天的视频内容我们就介绍完了，最后感谢大家的观看和点赞支持，我们下期视频再见，谢谢！

哈喽，大家好，今天又是做一期教学，今天这期教学面对的群体是 cosui 的 开发者，大家有没有遇到过这样的困难？你制作的工作流可能非常的优质，但是第一个 cosui 本身呢，不是门槛很高，普通用户没法用。 第二个你想推广给别人，别人不会部署，别人没有合适的电脑。那今天这个教学，我教大家怎么样使用 riniap 的 api 来制作一个 ai 应用。我要解决哪些问题呢？一个是 ui 的 设计，然后是前后端的衔接。 riniap 它本身是有一个 api 的 功能的，我们可以使用它的 api 来调用我们的工作流。这里面存在几个问题，一、工作流的开发者不会设计 ui。 二、我不知道前后端怎么去衔接。三、 word 一 ip 呢？使用文档很长，我们看也不一定能看得懂，看懂了也不一定会 word。 它本身是有 ai app 的 功能的，我们也可以在它上面设计 app， 但是它设计出来的 app 界面全都是一样的，没有任何的区别，没有特色， 你这必须用户去充值注册，还得充值，他才可以去水印，那这个你推广的门槛就很大了。那今天就我把所有的痛点今天直接解决，教大家怎么样使用 runninghelp 的 app api 做你的专属 app， 手把手让 ai 去自己去读懂 runninghelp api 的 文档，让 ai 去设计 ui， 让 ai 去做前后端笔记。这个时候当你做出你自己的 app 以后，别人不用注册，不用充值， 从你设计的一个简洁的界面，直接用轻轻松松帮你去推广。如果说你这个 app 做的确实挺好，那你可能就一下就出圈了，话不多说，那我直接上教程了，这个教程核心是有三个工具，全部都是免费的啊，立刻领取教程，十几分钟看完，大家就会用了。 核心的工具第一个是荣联号的 api， 这是所有功能的落地的关键，这个我默认大家应该都用过。荣联号这个腾讯软件那开发者肯定是用过的，如果没有用过，大家也可以自己去尝试一下。他的工作界面也和我们本地的腾讯软件是一模一样的，你本地上会做工作流，这个是不用。第二个是谷歌的 feature， 是 什么呢？是谷歌实验室的一款基于 jimmy 三的 ai 辅助 ui 设计工具，它的特点是不需要你懂前端设计，不需要你懂 ui 的 设计，你一个代码都不用写，只要有自然语言，你告诉他需求，他就可以生成美观易用的 ui。 第三个就是谷歌的 anti gravity， 任意任何的 ai id 工具都可以， ctrl alt 都可以。但是 anti gravity 它最大的优势是免费，每天都有很多的白嫖的额度，所以怎么去部署，怎么去使用。大家可以在网上看到别的教程很多，我认为这是一个非常好的工具， 对轻量的开发者来说，对重度开发者可能你们喜欢 boss。 这三个工具是全免费的，包括 rinhabar， rinhabar 就 算你没有会员，你也不用付任何费用， 但是他需要你有 rinhabar 的 账号和谷歌账号，这个大家自己解决一下。另外我会把这个前后段衔接的过程写一个 skr 和 d 文件，有了这个文件的这个 ip 就 会更准确。好的，那今天我们就开始视频的第一期呢，就是找到我们的工作流了， 大家看我这个页面就知道了，我找了一个爱屋大佬的一个 c， 一 位 face 的 一个工作流，因为我今天就是教程，大家看了教程可以举一反三，我有空也会做一个其他的工作流的，但是我今天就用最简单的 啊来给大家做演示，那这个就是一个简单的纹身图， the image base 的 纹身图，我们找到这个页面，你看这里是有应用，有工作流的，那我们就用工作流给大家看看，他这个应用只能这么做了，我们可以参考一下他思路，他这个应用有哪些输入的元素，一个是图片的宽度 生成部暑提示词，好在下面有一个阅览的一个界面，我们记住看哪些元素就把它关掉，我们就直接开工作流，我这已经点开了工作流这样的东西是一个很基础的过程。图很简单，我看看有哪些输入提示词长宽在这里。 行，这样就可以点一下，这上面的有一个导出工作流 api， 导出 api， 好， 我们把这个下载下来，我们新建一个项目。 好，我们现在要找一下 api 的 使用文档，很难看懂很长的东西，我们把它下载下来， rylanhaber 提供了 api 使用文档的下载，下载下来之后我们就可以交给 ai， 让他来学习，这个说明书在 rylanhaber 上，具体在哪呢？在这我回到这刚刚那个页面，就是我们这工作流有一个上角有个 api， 这个就是它一个说明书，我们不用自己看，你如果你看的懂也行，但我看不懂，那怎么办？就把这一页给它下载下来，这有个复制文档，复制下来交给人，复制下来之后，我们就写在一个文本文档里面，然后启动 ipi 使用说明， 我已经把使用说明书给它复制下来了，写在这里新建一个项目，一个文件夹，这个文件夹里面要包含你们 rylan 哈普的工作流，带 ipi 的 那个工作流。 那我现在打开的就是 antigraphy， 我 刚刚已经新建了我的工作流，我们打开这个工作的文件，把我们的刚刚下载下来的工作流放到这个文件夹里面， 看到这个工作流名字叫做 test to image。 好， 大概这个工作流已经输进去了，把工作流还有 api 使用文档都丢在这个文件夹下方，第一步就已经完成了。 好的，我们来到 api 的 设计设计工具，这是谷歌推出的 stitch， 目前它是测试版，在谷歌的 ai 实验室里面，目前也是免费的好 ai 前端 ui 设计大家应该很熟悉了，因为这个已经不是一个什么新的概念了，已经是好几个月了，在 ai 的 世界里面，几个月已经是很长的一个时间了。 当然了，你可以直接用聊天机器人来帮你设计 ui， 你 也可以用 atigraphy 来设计 ui， 也是可以的，但是它们都不如 agent 好 用。 为什么这么说？因为 agent 它可以设计得更加美观。对一个程序来说，前端来说美观简洁是第一的。而这个 stitch 它用的就是谷歌的 gemini 模型来做，它可以使用 gemini 三 flash， gemini 三 pro， 还可以使用 nasa banana 对你的设计进行一个优化，让你的设计可以有一些产生特殊的风格，还可以你给他上传参考，上传图片， 让他根据你。比如说你找到了一个很好的一个网站或者很好的 app， 你 给他个界面截个图，你让他参考这个 app， 来根据他们是怎么设计的，去学习模仿也是可以的。 废话我也不多说，直接开始你就告诉他帮我设计一个程序，来根据他们是怎么设计的，去学习模仿也是可以的。废话我也不多说，一个程序员去 用于调用 o p i， 要用 n e p i 曲线纹身图一设计成一页，包含日期输入、输入高度选择宽度选择高度的 等几个选项。七六八幺零二四幺三六六。宽度选择也是七六八幺三六六，高度选择，宽度选择 a 域人，最重要的是我们这个是 a p a p i， 你要可以了，美观，之前我们一直说 ai 替代人工，那我们今天就看看怎么样去替代人工的。这个人工特制这个前端的设计师，他是用多少时间来完成的这样的一个设计，大家看着 刚用了大概两分钟，做了一个这样的前端页面出来，好，感觉这个界面还是挺好的。那现在有几个问题，第一个我希望他是中文， 对 𠲎， 我 给他起个名字叫斑度，我希望改成中文，中文界面名字叫斑度绘图，那没啥问题，其他已经没啥问题， 让他修改。想想以前我们交给前台设计师，当然了，这个应该做起来也挺快的，但也不至于有这种焦虑，需要 大家问我要不要，问我们要不要增加图片比例选择，他已经生成好了，刚刚在这个下面，现在我想想看还怎么变化，我们来试试看，让他使用改成原神风格，增加 一些原神游戏 u i 游戏，在这里选择右下角选择这个 redesign， 看他做出来会怎么样。其实这个已经挺好看的了，已经不错了。好好好好好，大家觉得这个 u i 怎么样？ 我觉得差不多了，看到我们就要根据这个界面让它的生成 ui， 这里我们继续给它切换回三 plus， 切换回三 plus 就 开始制作这个 ui 了。好，我们来等它结束完成。好像没有娜娜普拉娜生成的那么漂亮，是吧？行吧，就这样我们就以这个来做个例子。好吧， 我们教大家怎么用，直接点这个下载就行了，或者这个导出我们可以选不同的格式，可以直接扔到 a s 九九里面去，让它生成后端的代码。但是我们现在要自己用嘛，我们就下载成这个压缩包，导出完成，我们把压缩包里面解压缩以后放回去，放回那个界面。 好的，最后一步就是我们怎么样把它前端和我们的 api 连接起来。那首先是新建一个文件夹， 我这个文件夹的名字叫 text to image v。 一 这个文件夹下我们应该有四个文件，注意一个是 comfyu， 一个是 running haver 的 api 使用说明，一个是 speech 生成的一个前端的代码 dmi 的 代码，一个是界面的图， 这个可以不用一个我们下载的带 api 的 工作流就这四个东西是我们仅需要准备好的，剩下的事情就是交给 ai 来办就行了。现在提示怎么写，请阅读 api 书 帮我 ui 和 ui 做流，这个时候可能我们需要提供哪些东西？提供三个东西，一个是工作流地址，哎，第一就是这后面这一串模型接口吧。好， a p i a p i 我 们自己的 a p i。 好， 我模型就选这个，我三点一 pro low 就 行了，三三 plus 也可以， high 的 速度相对慢了，我们对 a h 来说是 很简单的事情。下面的工作就是 ai 的 工作了，我们可以看看它怎么做的，正好这段时间在 ai 在 深层的时间。我讲讲以前我们比如说我们想用 running hip 的 api， 那 要么用 comfyui 是 吧？ comfyui 上有那个 running hip 的 api 的 节点，要么就用什么 cos 什么的。人家开发的 api 节点，但是相比太低，现在是吧 ai 帮你解决，完全垂直式的，用这个 anti gravity， 它效率可比以前的什么扣子比华为 m 八这些要高得多了。它而且可以连接多个工作流，把几个工作流融合在一起 完全是可以的。但它现在已经完成了，我们先试试看它能不能用，经过一段时间等待，它已经生成了，我们把图片下载下来就可以了。那，那今天这个教学就到这了，就大家想制作自己的 app， 想用 runninghelp 来制作 app， 大家可以用起来了。

大家好，今天我们使用 stitch 加 anti gravity， 不 敲银行代码完成一个 app 项目。首先我们打开 stitch， 选择三点一 pro 模型， 输入我们想设计的页面提示词，点击发送，随后进入画布页面，等待几分钟生成完毕，看下效果。仔细检查设计图，如果有问题就在这里修改好，不然后面代码生成之后改起来就相对复杂了。 然后我们将设计图全选右上角导出，选择点 zip， 设计图就下载到本地了。 接下来前往官网安装 anti gravity。 下一步下一步下一步 第一步，导入配置，我们直接下一步。第二步，配置主题第三步， ai 模式选择严格模式，所有操作必须经过人工审核审核，驱动开发大部分操作会请求人工审核，官方推荐使用这种模式， ai 驱动开发会自动执行大部分操作，高风险除外。自定义配置，这次我们使用 ai 驱动模式测试能不能一次跑通配置键盘和扩展，直接下一步。然后登录我们的 google 账号，很多同学卡在这里，我会将我的解决办法单独做个视频，我们在这里创建项目目录， app 和 design， 将我们输入提示词，让 ai 开始生成代码 生成完毕，让我们打开 android studio 验证一下，还挺顺利的，没有报错，完美运行，感谢观看！

最近我出了好几期关于 anti gravity 的 视频，这是谷歌推出的一款完全免费的智能体 id， 能让自主 ai 智能体进行编码和规划，并端到端地构建几乎任何项目。 我们也介绍过 open code， 它可以说是最好的开源 ai 编程智能体之一，适用于您的终端。它也支持 i d e， 让你能全面掌控代码的编写和编辑，还能借助你想要的几乎任何大元模型来浏览代码。 但问题是，他们各自都欠缺对方最擅长的能力。比如说 anti gravity 就 强的离谱，在高层级智能体编排和自主规划方面， 但在精确性方面他就不太行了，在确定性、代码编辑和深度仓库及控制方面也不行，而这恰恰是 open call 的 拿手好戏。此外，他的使用频率限制对很多用户来说是个大麻烦，即便是 anti gravity 的 付费版，使用额度很快就可能限定。 反观 open code， 它擅长进行外科手术式的精准代码修改，深层的差异文件清晰明了，螺旋选择也很灵活。但它处理不了长周期智能体工作流，也缺乏真正的多步骤自主能力这方面远不如 anti gravity。 所以 很明显，这两款工具各有所短， 也各有所长，但若将它们结合，就能取长补短，优势互补。因为 anti gravity 擅长端到端的规划推理与智能体协调， 而 open code 则能执行清晰可审查的代码变更，借助任意大圆模型，强强联合后，它们不仅能写代码，更能将你的任何构想变为现实。所以今天我就来为大家演示如何在 antigravity 中直接调用 open code， 两者结合， 你就能打造出最高效的编程工作流，完全免费。首先，你需要有一个谷歌账户，并确保已安装好 antigravit， 无论你的系统是 macos、 windows 还是 linux， 都能安装。准备好之后， 就可以轻松全局安装 opencode 了，比如使用 curl 命令、 npm 帮 brew or peru。 不 过还有另一种方式，你其实可以直接把 opencode 作为插件集成到 anti gravity。 打开 anti gravity， 你 可以进入扩展商店， 然后搜索 opencode。 打开 opencode 的 插件页面后，你会在左侧的插件面板里看到 opencode， 点击即可安装。 安装好后，你可以用几个命令来快速启动它。在 mac 上，你可以用 command 加 escape 快 捷键启动它。在 windows 上，则可以用 ctrl 加 e s d 快 捷键。在 linux 上，你可以新建绘画使用 command 加 shift 加 escape 即可，或者在 linux 上也可以用 ctrl 键代替。这样一来，上下文感知功能就会自动将你当前选中的内容或标签页同步给验。 open code 这确实是个很强大的功能，因为你可以和 anti gravity 协同工作。你将能够 直接在 open code 里进行上下文驱动的操作，同时也能调用你代码仓库里的所有内容。大家可以看到这个按钮，点一下就能直接打开，然后就能使用这个面板来配合使用 open code 和 ant gravity 智能体。 我知道可能有人会在右边面板这里问，为什么要两个一起用。其实呢，如果你把两者结合， 你就能让这两个工具各司其职，以不同方式实现，这样才能物尽其用，因为你可以让 anti gravity 担任指挥，你可以让 open code 来当首席工程师。所以只要你明确这两条规则， 就能让这工作流发挥最大效用。 anti gravity 擅长高层次的智能体编排，而 open code 则经于具体的代码实现。 更棒的一点是， open code 具有很大的灵活性，在可选的 ai 模型方面，可供选择的模型提供上非常多。但呢， anti gravity 这边选择不多，而且调用次数明显受限。我之前做过一个视频，演示了如何在 open code 里直接使用 anti gravity 的 认证， 大家可以通过这个视频了解一下。具体展示了如何直接调用 antigravity 的 o 在 open code 中实现，这样你就能完全免费使用 open code 了。 如果你有 pro 版，就能直接在 open code 里用，从而调用 opus 模型。但我更推荐你现在可以 直接在 antigravity 里操作，比如按 ctrl 加 p， 而且你可以选择不同的文件，直接在环境本身里进行选择。 现在我们来看看实际操作效果。接下来，我们切换到 antigravity 智能 t 选择规划模式，并且用 opus 四点五思维模式。 之所以这么做，是因为 opus 非常擅长规划，它能进行推理，并制定出分阶段的具体实施计划。它速度快，可靠。它尤其擅长为智能体工作流进行多步骤推理， 因此原子 gravity 是 完成此任务的理想工具。具体来说，看起来实施计划已经生成，任务列表也已经完成。大家看，我正在创建一个 crm 仪表板，这就是深沉的执行计划，可以看到它完成的非常出色，把每一个步骤都详细列了出来， 说明了 open code 的 智能体将如何写作开发这个项目，而且非常详细。正因为它强大的推理能力，所以我倾向于使用 op 四点五。 另外，再告诉大家一个小技巧，你完全可以创建多个 open code 智能题，这样就可以同时运行多个绘画。这确实是个很棒的设计，因为你可以新建一个终端，然后直接在终端里运行 open code， 这非常方便。接下来把实施计划导入到 opencode， 只需使用 at 命令即可。我们直接选中它。现在我要让它完整实现并执行这个计划。 我已经提前为此配置好的提示。接下来我们就可以将这个指令发送给 opencode， 让它部署多个智能体来帮我们创建 crm 仪表板。 他会立刻开始执行这个计划，他甚至会自行推理来消化这份实施计划，并将其拆分成多个阶段，以便着手开发这个 crm 仪表板。就这样，一个精美的 crm 仪表板便生成了。 而这一切它只用了大约五分钟就构建出了前端，还一并构建了后端。这是一个功能完美的 crm 仪表盘，你可以用它来添加新实体和新客户，还能进行联动修改。

提到面板王京东方，很多人第一反应是大但难赚钱。今天我们用硬核数据来一次深度的财务大排雷。第一眼看整体 mym 减 score 负二点七二，意味着它五 b 概率极低，虽然资金链有一定压力，但竟线比高达八点三五， 这意味着他每赚一块钱利润，实际入账了八块多现金，这造血能力简直是财务真实的铁证。这是一份关于京东方 a 的 深度财务法一审计，我们要做的就是透过现象看本质，看看他的财报里到底有没有猫腻。从综合评级来看， 京东方目前处于中等风险。别紧张，这风险不是因为造假，而是由重资产行业的特性决定的。 简单说就是当前的矛头指向了高额折旧和债务压力，而不是虚构业绩。这里出现了两个有趣的模型， memsco 告诉我们没造假， zsco 则在报警。资金链有压力，为什么？因为面板行业就是典型的吃百亿资本 换一分毛利，重资产模式必然导致评分偏低，这是行业宿命。很多人在财报里看到存贷双高都会吓一跳，觉得是不是虚假资金。但京东方的高位存贷，是因为他在建工程持续高位 转股后的折旧压力很大，需要结合现金留质量来综合判断看。这里，这是全篇最硬的数据，净现比八点三五。简单解释，净现比就是利润的含金量，每一元书面利润背后 有八点三五元的经营性现金进账，公司虽然纸面利润薄，但兜里全是真金白银，直接排除了虚构利润的可能。看看这条线，营收在高速增长，但应收账款反而下降了。这种神奇的背离说明什么？说明货卖出去了，钱也很快收回来了。 增长完全是由真实需求驱动的，没有泡沫。管理层非常稳，核心高管服务都超过十年了，监管问询这两年也没见过财务造假的指控。更关键的是， 大股东的股权置压率只有百分之十左右，非常安全，不存在因为缺钱而去操纵股价的动力。京东方的毛利率百分之十四点四，略低于行业中值。为什么？因为公司把赌注全压在了欧莱的产线上， 高额的折旧费直接压低了短期的利润表现。但这符合公司长期的战略逻辑。钱花哪去了？成都八点六代线整整六百三十亿，这意味着公司在进行逆周期破产。 虽然压力大，但书经去向极其明确，没有所谓的阴阳账本，除了咱们自己看，还得看外面。虽然有专利诉讼，但这在科技圈是常态。更有利的是，公司大手笔回购十五亿， 管理层敢在这个时候真金白银的买，说明对自家股价的低估有着强烈的共识。排雷完成，结论很清晰，五弊风险排除，营收真实，治理稳健。唯一的痛点是负债压力，但好在咱们有极高的现金流覆盖， 这不是一个濒临破产的信号，而是重资产巨头的扩张阵痛。最后，我们近代两千零二十六年的周期拐点，随着毛利率的修复和八点六带线的爬坡，投资逻辑将从避险转向博弈反转。 在这个充满迷雾的市场，看清真实比什么都重要。关注我，带你拆解更多财报真相！

来到这里可能有人会问，好像我们在左手边这里显示的文档，我们其实最后还是需要自己手动的把所有东西复制起来， 然后再贴上去我们想要的地方，好像是 word 或者是 notion。 但是这一个问题我们可以直接使用 anti graft 上面的 notion mcp 来帮我们直接处理。 如果大家不了解什么是 mcp 的 话呢？最简单的理解方法就是我们安装了这个工具的 mcp 之后，就可以让 antigravity 它这个 ai 直接调用到那些的工具， 比如说我们在右上角这里可以点一下这三个点，点点了之后我们就可以看到这里会有一个 mcp server， 然后在这里我们搜寻一下 notion， 它这里呢就会有一个 notion 官方的 mcp 在 这里了，然后我们点击一下， 在左手边蓝色的这里点一下。安装之后呢，他在这里就会要求我们输入 notion 它的 api token， 我 们之后才可以让 andigraphy 直接的把我们刚刚看到的文档更新到 notion 上面。 那我们怎么样可以拿到 notion api 呢？我们就可以直接点一下 token 它旁边这一个 的一个 logo， 点进去之后呢他就会要求我们先登录 no show， 登录了之后我们就会去到这个界面了，然后我们可以点一下这里新整合之后我们可以帮他先建立一个名称，比如说这里我有选择 anti one， 然后这里呢我们就需要选择它关联的一个空间，选择完了之后呢我们就可以按储存 之后我们就可以点一下中间这里进和整合的设定，然后这里他需要的这一个 notion api token 其实就是这里显示的内部整合密钥，然后我们就可以在这里贴上我们刚刚复制到的那个 token， 然后我们点击 save， 然后他就会帮我们安装这一个 mcp server。 之后呢我们可以先回去 node 那 边，我们可以创建一个新的分页，然后比如这里我就改一下名字， 然后这一步非常重要，如果你没有做的话， anti graffiti 那 边就控制不了你的 no 选了。我们首先需要选好一个你想要分享给 anti graffiti 的 一个页面， 比如说我想要选择这一个 anti testing 的 页面，然后我们就可以在右上角这里点一下，然后呢我们需要点一下这里的连接，之后呢我们就选择我们刚刚创建好的那个名字，比如说这里我是 anti one， 然后点一下 之后再点一下确认，然后我们就可以回去 antigraphy 那 边了。之后我们需要做的非常简单，只需要在对话框这里输入储存到 notion， 然后它就会帮我们直接储存到 notion 那 里了。之后我们可以回去 notion 那 边看看，这里它就会自动地帮我们储存好这一篇文章了。

我从未想过这种工作流竟然能发挥出如此大的潜力，直到我真正尝试将 antigravity 和 cloud code 结合使用。我发现这种混合配置方案能显著提升整个开发流程的效率。 说实话，有很多理由让你考虑去尝试这种配置，所以我将详细拆解这套方案。在今天的视频里，我们将探讨如何降低 token， 更精准地进行多文件操作。 这种鞋座总体上能显著缩短开发周期。对于还不了解的朋友， andigraphy 是 google 推出的免费智能体 ai ide， 主打自主多智能体编排功能。 它能控制浏览器运行终端指令，甚至能作为一个全自动的工程系统独立运作。 而 plotcode 则是 anthropic 推出的智能体编程工具，我们许多人都喜爱直接在终端中使用它，它也支持 id 一 级程功能，其核心优势是能让模型深度理解你的整个代码库，从而实现自动编辑文件和执行命令。 无论是执行日常开发任务，还是利用自然语言进行高级重构，尤其在这些智能体模型的强力驱动下， ropos、 四点六以及 solut 模型你将获得最理想的产出结果。接下来的部分更有意思，将两者结合使用， 你基本上能获得最顶尖的代码质量，且不牺牲精确度。 anti gravity 这种技术擅长处理高层级的自主编排，并能熟练解析 ide 环境中的大型代码库。而 cloudco 的 优势则在于，而在开发者精准控制的终端执行方面， 叉擅长处理结构化的多文件编辑和复杂的重构工作流。两者结合，你可以构建一套混合系统，让 antigravity 负责宏观层面的自动化，而 cloud code 则负责提供更精细的执行控制。 这将显著加快开发迭代的过程，减少开发瓶颈，并有效降低 token 的 消耗成本。 总的来说，产出质量将得到大幅提升。无论是构建原型开发还是扩展完整的应用。首先，你当然需要先安装好 anti gravity， 并确保拥有 google 账号，以便在系统上实现完全免费使用。它支持 micros， windows 和 linux 系统。 另外，你还需要确保已经安装了 cloud code。 你 可以选择全区安装，或者也可以安装在特定目录下。 右侧是 anti gravity 智能体，而当你打开终端时，你就能在底部直接调用 cloud code。 这种工作流初看可能有点反直觉，毕竟为什么要在一边运行 cloud code 而在另一边运行 anti gravity 呢？ 为什么不直接用一个工具搞定所有任务？正如我开头所说，我们可以用 anti gravity 来掌控大局。它预设了多种子智能体，可以专门负责代码实现 或者去负责具体的代码实现。而且实际上这些顶尖模型全都是免费的，当然，这会有调用频率限制，这时你就能切换到 cloud code 来辅助特定环节。而当 cloud code 的 上下文达到上限时， 比如这时你就可以利用 ant gravity 将 cloud code 的 上下文同步给它，让它帮你掌控大局架构和整个工作区， 并通过智能体编排来最终完成任务。这样你就能兼得两者的优势，将二者结合使用时，不仅效率更高，效果也更好。我会在接下来的几个演示中展示这一点。顺便说一下，如果你不熟悉终端操作， 你完全可以直接使用 cloud code 扩展，本质上，你可以把它当做一个插件轻松使用。就像 antigravity 的 智能体面板，其运作与云端代码终端完全一致， 只是它通过类似反重力面板的插件运行。而 cloud code 的 强大之处在于，也就是你可以同时运行多个子智能体。在扩展程序中确实是这样，但在终端里，你同样可以部署多个 cloud code 实力， 这样你就能运行不同的智能体来分头处理各类任务。显然， cloud code 自身也引入了子智能体功能，能够与你当前的操作同步并行。 首先我们要做的就是从 antigravity 智能体入手。我们将要做的就是调用 opus 四点六并开启其规划模式。这一步，我们要先设定一个高层级的宏观目标， 通过提示词让它制定一份开发方案，配合 opus 四点六用于生产级 c s 应用。在此步骤中， opus 模型将生成一份清晰的规划路线图，以及一套供 cloud code 智能体执行的子任务数， 从而有效避免了云端 token 的 浪费，尤其是在执行这套开发方案的过程中。本质上， anti gravity 将作为思考引擎，而非写代码工具。可以看到，开发方案针对这款生产级 size 应用已经生成完毕， 目前这仅仅是规划阶段，获得批准前系统不会执行开发操作。我们打算构建的是一个多租户 b two b size 平台，集成订阅、计费、团队协助区等核心功能。 首先，它会生成一个 mermaid 图标，直观展示应用的整体架构。随后，它会进一步细化生成详细的文件目录和组织结构。智能体所需的每一个组建来处理我们应用的创建过程。 这就是为什么要选用 op 四点六的原因，因为它支持高达一百万 token 的 上下文窗口，能够轻松应对更复杂的长文本处理，并为智能体提供执行任务所需的所有技术细节。接下来我们可以进入下一步。 显然，有了这份实施方案后，模型可能难以对其进行完整的准确处理。因此，我们接下来要做的就是将计划转化为一份可执行的工程任务清单，这样 cloud code 智能体处理起来会更轻松。 虽然我现在是逐一进行演示，但理想情况下建议同时使用这两个子智能体协同工作，以更高效地完成这些任务。这正是混合工作流的核心价值，提升效率。 别忘了，如果你只在 antigravity 中调用 op 四点六来处理所有任务，包括编辑具体的实现代码并制定实施方案，那很容易就会触发 api 频率限制。 这就是为什么要引入 cloud code 这样的工具。特别是如果你订阅了 cloud code pro， 这样你就能将 token 消耗分摊到两个不同的智能体上进行测试。现在我们回到 int gravity 继续操作。在确认完测试列表后，我们就能将其作为调试和重构智能体来使用。 接下来是执行任务列表。我们可以引导智能体严格遵循该列表， 从而确保智能体不会产生幻觉，并确保它们落实每个执行步骤，比如创建项目目录、 构建程序包，以及前后端所需的所有组建。随后，我们可以部署子智能体去处理 我们此前制定的每一项具体任务。这正是这种组合的强大之处。你可以创建不同的智能体来执行所有这些可执行任务。 t o anti gravity 实施智能体生成的任务 你可以让某个智能体专攻特定阶段，比如在完成特定任务后进行集成和优化。 显然，首先要从环境配置流程开始。比如一个智能体负责第一阶段到点甚至是第二阶段的所有任务。另一个则可以只负责后端部分，并确保后端能与前端顺畅对接。 另外两个智能体则可以分别负责集成与部署工作。你可以明确指定他们需要处理的每一项具体执行任务。 你甚至可以通过拖拽参考资料，直接将其移入 cloud code 智能体，并说明该智能体需要负责的具体事项。只要你描述清楚该智能体的功能， cloud code 就 会根据描述自动生成一个智能体， 从而能够顺利完成后续的所有执行步骤。看到这里，你可能会觉得这套流程非常繁琐铳余。为什么要搞这么多步骤？虽然感觉消耗了不少 token， 但这是保障输出质量的最佳方式。 通过多重规范与指令，能让模型精准对齐你的目标搞定它已具备第一阶段的上下文背景，也就是所谓的阶段。它将作为专家级的项目脚手架工具。它就像一位资深工程师，擅长跨语言项目的能启动。 现在我们可以创建其他 agent 来协助我们完成这整套流程。为了让你大致了解它的实际表现， 你可以首先提供执行任务列表，然后部署我刚创建的两个智能体，分别是项目脚手架和后端任务执行器。接下来，我只需输入简单的文本提示词，让它执行后端开发以及初始阶段建立完整的项目目录。 随后，他将部署这两个智能体协助我们完成整个任务列表。我们来看一个具体的例子，项目脚手架工具已部署完毕， cloud code 会根据任务需求 自主部署相应数量的智能体来执行任务。你甚至可以添加多个 cloud code 实力来协助处理这些流程。此外，你还可以使用前端智能体，它由 gemini 三点一 pro 驱动，这是这是 anti gravity 里的一个内置选项。之所以推荐它， 是因为 gemini 非常擅长前端开发，它能无缝对接项目脚手架以及由云端模型生成的后端部分。 我接下来就要演示这一操作。我正在 antigravity 中指令它构建前端基本项目的前端部分，并提供执行清单供其参考，让它顺利完成第三阶段的前端开发。大家可以看到，目前有多个智能体在各司其职，脚手架正在同步搭建。 如图所示，系统正在安装依赖包，这是阶段零的任务列表。 阶段一包含了脚手架搭建以及由 cloud code 负责的后端，再加上正在开发的前端由 anti gravity 代理负责，处理起来很繁琐。这简直就像一整个 ai 工程团队在为你全力效劳， 他们所开发的成果可能要耗费普通开发团队的大量时间才能搞定。目前项目脚手架和后端都已经搭建完毕，数据库也已联通。我们现在只需要配置好环境变量， 可以看到它已经完成了之前拆解出的所有子任务，也就是最初由 anti gravity 生成的那些，这效率惊人。现在进入第二阶段，即前端开发环节，这正是 anti gravity 智能体目前负责的工作， 而我接下来的操作是向 cloudcoat 智能体下达指令，告诉他第二阶段由 antigravity 完成，这样我们就能开始下一步了，搞定。我们现在生成了一个完整的生产级 cs， 但不得不说， jimmy 模型生成的前端质量并不算理想， 这只是它生成的一个基础。前端。也许我该描述的更细一点，针对前端的各种动态属性，不过它的表现依然可圈可点，毕竟它是一个功能娴备的任务应用，也就是它生成的重点。 它提供了一个仪表板，方便你管理各项任务，包含了代办事项，以及进行中审核即已完成等状态，还会展示任务的完成进度。你可以直接操作 体验各项功能，比如添加新任务。你可以创建一个任务，比如制作 youtube 视频，然后添加描述。例如关于 antigravity， 比如我把它设为高优先级， 并将其放入代办列表，只派给自己，此外还能分配给其他团队成员，非常方便。接着我们创建该任务，可以看到主控制面板已经同步更新了。进入任务列表，代办事项中列出了许多不同的任务。 可以看到这个 youtube 任务的优先级设为高，那么我们甚至可以让 ai 为其建议具体的子任务。 这让我想起之前用过的一个叫 dutch 的 工具，可以看到它也能实现同样的功能。 它生成了多个子任务供我使用，辅助我完成这段视频的制作，比如调研制作的最佳方案，针对这部 youtube 视频技术规范等等。每当我完成一项代班任务， 系统就会将其标记为已完成，然后你可以把它显然能移到已完成或带审核栏。不过它不支持拖拽功能，这点稍微有点可惜，但总的来说，它的表现还是挺出色的。 数据分析面板会显示所有任务以及平均完成时间等信息。它还支持管理不同的项目，这一点非常实用。总的来说，它生成的这个成果非常出色。它确实按我的要求构建出了功能组建，不过如果可以的话， ui 界面其实还能再优化一下。如果你喜欢这期视频， 我认为这就是目前最理想的工作流程。这是我上周刚发现的，能极大提升你的工作效率。 优化 token 使用，并让你获得来自这些 ai 编程工具的最高质量代码。它深沉的绝非毫无意义的 ai 垃圾。它会严格遵循你的约束准则以及技术规范，确保产出最佳。 欢迎在评论区分享你们的看法，我会将相关链接放在下方的描述栏里，方便大家快速上手。还没关注我们富频道？

兄弟们大家好，今天呢，我们来出期龙虾官方的部署教程，来看下左上角的地址，龙虾的官方域名地址是什么呢？ 哎，就是这个 opencloud 点 ai。 想要部署 opencloud， 我 们先要安装两个软件，一个是 git， 一个是 node js， git 呢是这个地址点这儿下载。 note g s 呢是这个地址点这儿下载。下载完成之后呢，你就得到了这么两个东西了，哎，怎么安装呢？很简单，双击打开下一步，下一步，下一步，下一步，一直到安装完成就 ok 了。接下来你需要鼠标移动到左下角开始按钮，然后输入 power shell， 以管理员身份运行打开它。打开之后呢，你需要手动输入三个命令，来测试你刚刚装的 get 和 node js 是 不是安装成功了。那么第一个命令呢是 node 空格，杠杠 v e r s i o n 回车， 哎，第二个命令呢是 npm 空格，然后杠杠 v e r s i o n 回车，然后第三个命令呢就是 get。 接下来我们就要开始下载和安装了，那根据 opencloud 龙虾官方的部署教程，哎，第一步呢，我们就要执行这个命令进行下载和部署。 这里补充说明一下啊，当你执行这一个安装的命令的时候，你要确保你能够在电脑上访问 opencloud， 点 a n 对， 也就是访问 opencloud 这个官网，如果不能访问呢，你就得想想办法了，哎，搞搞魔法呀，搞搞科学呀， 对吧？那当你的 power shell 出现这个 open cloud 安全警告哎和提示的时候呢，就说明你的 open cloud 龙虾就已经安装成功了。然后呢，我们按键盘上的左右方向键，哎，来选择一个 yes， 然后第一个这个呢，是第一个，这个呢，我们选择最后一个，这个呢，我们选择第一个，这个呢也是第一个。 好，那么这个呢，我们就选择最后一个这个呢？我们也是同样的跳过， 为什么要跳过呢？因为跳过之后呢，可以在后面啊，去再去配置好，这里呢，他问你要不要去配置 skill， skill 什么呢？哎，就是配置技能，那我们就选择 no， 这里问我们要不要配置 hook 啊？就是配置自动化脚本，那我们这边呢，也是跟刚才一样也是跳过， 但不同的是呢，我们要按一下空格键，然后再按回车键。哎，跳过了这一步呢，跟你自己操作是有差异的，因为我现在已经安装了这 opencloud 了，所以他提示我是要重启还是要重新安装还是跳过， 那么为了我们演示呢，我们就现在重新安装一下啊。好，当我们的网关安装成功之后呢，就来到了我们 open cloud 触式化的最后一步，他这样问你的是第一个，你是用什么方式去启动你的机器人？ 他说第一个是终端啊，第二个是 web ui， 那 我们选第二个啊。 哎，当你安装成功之后呢，它就会自动地跳转到你的 web ui 的 这个界面，那么当前这个界面呢，就是你的 opencloud 龙虾的操作界面了。

大多数氛围编程教程看着挺酷，但具体怎么衔接实现，他们从来不讲透。在本期视频中，我将借助谷歌 antigravity 技术实际搭建一个用于吸引潜在客户的落地页。我们将从参考图入手，逐步制定出品牌规范。 我们将使用智能体和 m c p， 并连接一个真实的数据库，超级数据库专门收集用户名和邮箱。我们将把所有功能实时部署上线。 github 和 vourse。 虽然有点技术性，但很有趣，因为每个部分都像积木一样严丝合缝，把它想象成乐高。 每一块都很简单，但当你正确堆叠时，你就能获得一套真正可用的系统，一切都会豁然开朗。欢迎来到反重力实验室。如果你还没下载过，只需访问 antigravity google 即可，请点击下载，然后用您的谷歌账号和密码登录右侧。这里 就是你的智能体。你可以通过它与反重力系统交互。你可以选用几种不同模型，比如 gemini 三 pro 或 quad sonic， 这两个都不错。中间区域呢，就是你查看所有文件的地方。文件夹在左侧，资源管理器也在这里，方便你浏览所有内容。一旦项目启动，你就能看到 我们得在一个文件夹里。我这有个反重力模板文件夹，这已经是我掌握的核心技能了，所以我就直接继续推进，准备复制这个页面。 这就把它命名为落地页，因为我们正在搭建一个落地页。好的，那么现在一切就绪，我就可以点击打开，进入我们的着陆页文件夹了。打开它，你就能看到里面的构造。你看，这里就是我们的智能体 右侧，而左侧的资源管理器里，我们能看到所有这些文件和文件夹，而如果我们深入其中，任何一个都能在这读个明白， 我会让 intagravity 根据这份 agents md 文件来帮我们设置好剩下的文件。我这就带你过一遍，特别简单，你直接开始就行。在这里输入代理，我只需说设置反重力系统就会开始工作配置，剩下的文件就交给我们了。这里头呢，有几个不同的层级需要你理解 这个三层架构呢？它本质上就是由三部分组成的。反重力系统要高效运转，关键在于理解两点，一是明确指令，也就是该做什么，系统的指令是什么。第二是编排，也就是代理，他的职责就是要弄懂你的指令，然后真正下去。接着第三点，关键在于过程本身。 安提重力系统会运行各类代码或脚本，根据这些指令编辑代码来实际我们要求的任务。我发现要跟上这些视频的节奏其实有点难， 因为前期需要做大量的基础准备工作，然后突然间一切都在最后关头才汇聚成型。但最初的那些步骤其实都至观重要，你可以把它们想象成积木或者乐高，它们能拼合在一起， 突然间全貌开始显现，因为我们正在搭建一个着陆页。我们需要考虑的事情太多了，设计还有我们需要思考品牌定位以及核心吸引点本身我们需要考虑到所有的前期准备和基础架构，最终我们拼凑出了一个完整可用的系统。真正令人惊叹的是， 像 antigravity 这样的 ai 编程工具，其强大之处在于能全面思考所有环节。好，我们继续，我保证只要你看到最后，一切都会，你明白了吧。短短几秒内，反重力装置就生成了。其余这些 文件夹是指导性的，它会为自己生成具体的构建指令。像脚本这类可文件，我首先要搞定的就是我们的着陆页或设计的外观和感觉。我找到了这个网站，这类个人品牌， 看看妮娜梅获利基纳的作品。抱歉，如果我念错了你的名字，这是在 behens 上， behens 是 一个，这是个寻找灵感的好去处，我特别喜欢它的设计质感，运用的真是绝了， 色彩、构图等等这些方面。而且我特别喜欢的是它在这里甚至把它的自由品牌规范用什么字体，什么颜色，我觉得这真的会，这对我们很有帮助。 所以我想看看能不能按妮娜的风格来设计一个着陆页。弊端的妙处在于，你只需右键点击，就能直接打开或保存这些图像。这些图像是分开的，我随手点开了几个，比如这个，再看这个，这是品牌指南的实际图例，这部分我觉得特别酷，电网这些真的很有意思， 而且你看它实际进入的这部分也让我觉得很有趣。而谈到运用构图、色彩和质感，这确实会很有帮助，这样我们的系统就能更深入的理解我们的品牌。 所以接下来我要做的呢，就是右键点击，我要保存这张图片，然后我就能直接进入着陆页文件夹，把它存好。新建一个名为参考的文件夹，我把这些图片都存进去， 保存这些，我打算专门给这个命名，以便直接引用它。在反重力内部，我们就出了另外两个，现在所有这一切都可供我们使用了。其实呢，与其保存这个我打算直接操作，截个图就行，我就能进叉 d v t， 让他请帮我提取这段文字， 那么查 gvt 会提取文本，现在我们就能用它来生成指令了。反重力，所以基本上它移除了所有说明文字。就是那个颜色调色板有限，新元素必须遵循主机调，照片呈现双色调。 所有这些，我觉得这些设计语言术语对我们来说会非常非常有价值，我可以借鉴一下。我可以回到反重力模式，因为我创建了这个文件夹，你看所有资料都在这里， 这些参考图像已经为我们存好了。在这个文件夹里，我可以新建一个文件，我这就叫它 brandamd， 直接粘贴进来，按 commands 保存一下。 我们保存好这个，现在就能用它来指导后续的决策了。接下来你要知道，反重力最强大的特性之一就是它 ai 编程平台，它被称为技能，本质上是一套预设指令，供系统参考。 这个例子讲的是如何打造美观的前端，比如设计目的和风格调性，如何使用，字体和色彩都有相应的规范。原因在于 这些规则之所以强大，是因为如果你有一套自己愿意遵循的准则，或者一个你习惯的流程，通常我们会专门为他打造一项技能，这样才能让系统真正深入的理解他。每次都要经历一个非常可预测的过程，才能获得极其稳定的结果，这样一来，他就不会在原地空转，白白消耗大量能量了。 你的令牌在揣测你的意图，而你只需直接告诉他你想要什么，所以结果完全在你预料中。这里呢，我还背了这个牌子指导性技能，它包含了所有的配色方案、强调色以及具体的细节。我确实需要，所以接下来我会让反重力部门分析所有图像。 我们刚刚引入的这些信息，再加上关于品牌的这点内容，就能创造出全新的。现在有了品牌指南，我们就能和代理商正式合作了，你可以过来看看， 我一般就直接对他说，因为这样更快，而且我也能。我得一口气把想法全倒出来。首先你得分析所有这些图像参考文件夹，我需要你仔细考虑颜色、纹理和构图分析，务必全面透彻。那你得先看看品牌规范文件，这样才能知道具体怎么操作图像和纹理， 然后用这些新信息去更新品牌指南技能我这就发出去。接下来反重力要做的就是彻底改变一切， 这方面有很多研究。如果你想获取 anthropic 这家公司的技能，它在 github 上有一个免费的技能库，里面全是它自己创造的东西，有前端设计，有 m c p u 构建器，这些都在这里。如果你真想下载这些内容，有个小窍门，直接改掉这个就行。 在地址栏把 com 改成 def， 它就会为你搭建一个网页编辑器，其实你可以直接把这些文件下载到你的系统里。所以我们有了这个全新的指南技能，您只需点击下载就能立刻获取这项技能。反重力的强大之处在于它， 他确实能制定出这些具体的方案。你可以先通读一遍，自己判断一下，希望系统能按我的想法呈现。你看字体颜色，所有的样式都应用上了，诸如此类。接着他就会提出修改方案来调整品牌规范。他得先消化刚接收到的信息，现在我要开始提前规划了。 skyjim 杰克逊在领英上发了个特别棒的帖子，说他卖了四十四万三千美元的数字产品，八个月内就靠这个着陆页模板打造出了爆款产品。简单说，我们直接放手去干，成果就摆在你眼前了。打造一个高转化率落地页的完整架构， 我也会在这里做同样的事。我要截个图，就这个着陆页的架构，我这就把它给现在我们来用这个着陆页 构建一个全新技能的架构。我之所以等待，是因为我要复制这个，想给你们看点反重力的神奇现象。我这就点开上一段，关于这一点，现在看顶部。这里我可以说打开代理管理器，那么在这里面呢，我们可以点击加号按钮，向系统中添加一个全新的智能体， 这样我们就能让智能体开始任务了，同时处理多项任务。我现在就来输入技能，然后创建这个技能生成器技能我需要掌握一项全新的技能，那就是学会如何打造高转化率的落地页。遵循以下原则， 现在我直接粘贴这个着陆页架构就行，然后把它发出去，这位智能体就会开始为我们打造一项全新的技能，趁着这个空挡，我们来看看这边的品牌规范更新。 好了，现在我们点这里，我点一下全部接受，就能打开品牌规范指南这个功能了。而现在呢，它基本上采用了妮娜设计带来的全新配色方案， 它包含一些关于排版的细节，比如我们偏爱的字体，关于如何利用混合剪裁摄影与矢量图形来处理图像和纹理的信息造型和贴纸美学，所以这真的真的超酷， 我们正在搭建着路业的股价。好的，我重新打开代理管理器，就能看到他已经开始工作了，打造了一项全新技能，那就是落地页生成器，只需短短几秒，我们现在有了品牌准则以及打造高转化率所需的一切指引 技能。页面的强大之处在于它已被纳入我们的资源库，把这个着陆页生成器应用到其他项目里，就能快速创建风格统一的落地页了。同样的框架，所以现在我认为我们已万事俱备。最后一步，这就是我们的核心引流手段。我利用叉 t p t 就 如何规模化了，深入的研究 如何运营 ai 代理机构，该采用哪些营销漏斗，使用哪些邮件续列，以及如何设计引流策略。我研究过一些竞争对手，比如尼克斯维夫，还有罗伯纳杰茨的杰伊等等。那么今天我就用这份文件来做我的引流磁石，我这就来把它下载下来，这个我想把它免费分享出去，所以我准备了文字版 文件，我这就把它切换到反重力模式，这样大家就能看到这就是那个一份教你如何扩展 ai 业务的完整指南，内容非常详尽。现在我们可以结合所有这些要素，首先你得彻底理解规模化与人工智能 代理策略文档。然后我们会用落地页创建工具来制作一个全新的着陆页面，这个页面必须严格遵循品牌设计规范，我想要构图精美，还要有丰富的层次感，这样画面才会好看，滚动视差效果。 网站得做的又美又优雅，还得现代感十足，我这就发过去好了。接下来我就要看看反重力团队为这个站点制定的建设策略了。 所以他首先会调研和规划着陆页的内容，仔细研读所有这类文件，比如如何规模化扩张的战略文档。接着就是分析我们的品牌，理解品牌和整体视觉的指导原则。随后我们据此着手逐步构建我们整个网站的建设计划。我这就点继续 而让反重力发挥作用。反重力还有一个特别酷的地方，就是如果您对其中任何一点不满意，其实都可以向系统留言反馈，对英雄板块不满意， 想改英雄板块留个评论就行。在反重力技术真正进入阶段前，还需要你的参与，把大家的意见都考虑进去，现在你就能真正像个艺术总监那样运作了。所以短短几分钟内，这就是我们建成的网站。不过从设计角度看，我对它并不完全满意。说实话，我注意到有几个明显的问题， 确实很有帮助。回顾妮娜最初的参考资料，我们就能发现一些背景里这种半色调纹理，我们能看到一些这样的点状图案， 这确实增添了不少质感和活力。另外，这些贴纸的运用仪，这类图像真的特别有意思，所以我想看看能不能融入一些，就是为了给这个站点稍微加点料。现在他在反重力这类事情上很有帮助。 如果你自己有素材，比如想用的贴纸或图片，把它交给系统，结果自然会更好。这是个很好的开始。我们目前还缺少一些元素。网站现在看起来有点过于朴素了，我们确实还缺一些东西。背景上的半调纹理， 我们还缺少一些可用的网点元素。当我们滚动时，这些图像会产生视差效果。网格里还有一些有趣的画面，我们来分析一下。这两者得看图像才能明白我说的是什么。然 我就可以直接去标记了。比如这个点阵图，还有这个网格图，这个网格在下面，我们看看能不能设计得更美观些。说实话呢，跟你聊天，我用的是 gemini， 我 觉得它很棒，但写代码的话， cloud 确实最好用。处理这类食材时，趁着这会儿在煮， 我们可以接着把剩下的部分完成。这个过程其实就是要把它真正应用到生活中去。所以呢，我主要在做三个平台，我们要用 github 来存储所有的代码和文件。超级数据库，我们将用它来保存所有用户信息，比如邮件等等。 请留下您的名字，方便我们添加到邮件列表。还有 versio， 一个性价比超高的托管平台。你的任何网站只要是公开的。所以首先我会，现在我要进入我的 github 个人页面，然后转到仓库，这里点击新建。 对我来说，这个代理机构的吸引力就足够了，我们真的不需要在，所以你可以选择公开或私密。但既然这是你的，你自己的账户，即使设为私密，你也能访问，我这就把它设为私密，这样别人就看不到了。现在只有我能访问它，我来点击创建仓库，这样应该就都设置好了，可以开始了。 与此同时，我们看到反重力技术促成了这项设计的升级方案，包括一些全聚纹理，比如半色调，一些颗粒感区域，还有带点撞时差的效果， 再配上些有趣的画面。我来点继续看看效果如何。反重力让它你托管东西会非常轻松，因为它能连接所有这些 m c p 服务器。 m c p 指的是用于模型上下文协议， 可以看这边这些节点，他们指向 m c p。 本质上来说呢，这只是这些系统之间的一种沟通方式。所以呢，他在这加了几个点，我稍微滚动一下，加了一点时差效果。这肯定还不够，但算是个开始。在这一部分，我们特意在背景里加入了这种网格纸的设计，有点帮助。这里又出现一个点。 好的，没问题。往下翻的话，我们能看到又是这个坐标指纹理，所以添加这个信息时没做好。但如果我们继续，如果我们能再多投入一点资源，我想结果会更有利。我们这儿需要的两个 m c p 服务器就是 github， 来，我搜一下看看。 要获取 github m c p 的 访问权限，我只需点击这里再点安装就行。请提供您的 github 个人访问令牌。 在 github 里，请点击右上角的个人资料，进入设置，一直往下拉，找到开发者选项，然后点进去访问令牌。我们想用所谓的细力度令牌，说实话我也不完全确定，但如果你点击生成新令牌，系统就会要求你验证邮箱地址， 你接着做就行，做完就能拿到一个令牌，直接就能用了，然后复制粘贴到这里。那 superbase 这边呢？我们也可以接着用类似的操作，直接用 m c p 服务器把它也连起来。 superbase 真的 很强大，因为它能构建为您整理好所有的表格和资料。当我点击下载指南或免费指南时，点这个按钮，我需要一个弹窗，让大家填上姓名和邮箱才能领取。 我需要你帮我在 superbase 上创建一个项目，用来存储这些信息。务必使用 superbase m c p， 而且我手头就有他们要访问的那份文件， 我可以点击分享，然后设置成有链接的人都能访问，再复制这个链接，输入姓名和邮箱后，将它们引导至成功页面。这里有一个链接，我们计划创建一个 superbase 数据库，用来存储所有的姓名和邮箱。所有领取我们诱饵内容的人，我都会让反重力公司为我们全部搭建好。 如果我们进入 superbase， 这里会有一个全新的表格叫例子，这真的很酷。我来点开这封邮件，看看创建时间戳会显示什么。现在可以下载指南了，我们推出了一个全新的弹窗模式，我觉得特别酷。我可以先设置我的， 把名字输在这，我就能在 hello com 上设置你好了，这很棒，来吧，点击解锁指南，你看这里显示正在解锁，它确实把 pdf 文件发给我了，我现在就能下载或者从这里复制到我的系统里，这简直太棒了。而且如果我进入 superbase， 刷新这个页面，我的姓名和邮箱应该就都设置好了。 那么最后一步呢？现在要做的就是让这个网站上线，我这就切换到我们创建的 github 仓库，我来复制一下，然后进入反重力模式，直接推送这个项目发到这个 github 代码库，点这里发送就行。我们通过 m c p 已经连上 github 了，这下应该能顺利上传我们所有的代码了。 显示推送成功。把着陆页项目转到我们的 get up 仓库，现在回来看这里，就能看到所有文件都已准备就绪，接下来请移步至 versal 平台签署。在这注册个账号，它会让你关联 get up 账户，直接操作就行， 这样你就能直接访问已有的所有代码库了。点击这里导入，可以看到我们的代理线索，磁铁在四十九秒前刚刚更新完毕。如果我想导入这个预设，或者叫引流磁石框架，随便什么名字我直接点一下就行，就用默认设置，没问题，直接部署到邓肯的项目里就行。 我现在就能打开，然后把这个机构的引流文件发过去，把这款应用分享给网上的任何人，如果他们点击下载测试指南， 在 test com 上来吧。点击解锁，它会引导我前往 pdf 网站，这真是太不可思议了。如果我返回这里看，超级数据库里 名字和邮箱已经自动录入了，现在就能加入邮件，推广我们的简报内容随心所欲，既然你已经知道如何制作着陆页，这里有八个技巧可以帮你在反重力运用上，我比世上九十九的人都强，咱们那边见。