新手小白不用写代码,挑战用 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 的 功能了。咱们来看它的生成结果,其实已经非常符合我的要求了。 那么看到这里,先恭喜你,你已经拥有了纯前端的开发能力。下一期我将会教你们怎么在自己的苹果设备上运行起来。我是嘎嘎,下期再见。
粉丝1.5万获赞17.3万

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 的 协助模式,整体体验还是非常不错的,大家感兴趣的话可以去试一试。最后感谢大家的观看和点赞支持,我们下期视频再见,谢谢!

众所周知,在谷歌发布的 ai d e anti graviti 中,可以直接使用 cloud opus 四点五以及 samsung 模型和 gmail 三点零 pro 三点零 flash 免费用户也可以使用,额度还非常可观,谷歌已经做到了这个地步,但有人反映说呢,哎, up 主,我不喜欢用 ai d e, 我 就喜欢用 cloud code, 于是就有了本期视频, 我们可以利用开源项目,把这里的模型给它中转一下,然后在任何地方使用 api 调用,它们非常好用。本期呢会用到两个开源项目,第一个呢就是 anti gravity tos, 用来中转我们的 api, 第二个呢是 cc switch, 它呢主要是帮我们管理 cr 二工具中的变量,方便我们配置多个渠道,一键切换,非常方便。 来到这个开源项目的页面,在右边呢找到作者发布的包,点击进去,在这里呢我们就会看到有很多的安装包,如果你是 mc 派的话就选择第二个,如果你是 windows 系统就选择这个,当你安装之后直接把它打开,就是一个这样的页面。我们点击账号管理,在右边呢点击添加账号,这里需要一个授权,然后开始授权, 它会打开一个登录页,我们确定登录,然后这里就会提示授权成功,建议用小号,不要用大号。登录之后呢,我们就能看到各个模型的使用情况以及它的刷新时间。接着我们点击 api 反弹,把这个 api 给它拿出来, 什么都不用设置,点击启动服务,然后下方有这个 api, 以及它支持的模型和不同的协议,我们都可以在这里进行切换。我们选择这个 api, 它呢是在这里可以进行更改,点击这里就可以重新刷新一个, 因为我是在本地使用的,所以有些小笨蛋呢,不要尝试去输入这个 apm 密钥,没有用的,什么情况?然后呢,我用这个 cherry studio 的 客户端给大家来演示一下,它也是个开源项目,点击左下角的设置,然后添加 啊,在这一块呢,我们选择编码,随便写一个名字,我们确定粘贴我们的 apm 密钥,然后再回到工具中,复制一下这个端点, 然后把它粘贴到 a p i 地址这里,就这样添加一个模型,这里显示的我们都可以去进行使用,我随便选择一个给大家演示,点击复制粘贴到模型 id 这里添加模型。然后呢,点击检测一下,看有没有通, ok, 连接成功,没有问题,我们测试一下,把这个模型给他选出来,然后去问一条消息,让他生成一个精美的博克,要求设计感十足,直接回车,现在已经开始制作了,而且这个速度好像比我直接用还要快,好贱啊,这个工具太贱了,我们看一下生成的效果, 哎呀,还得是真皮带三啊,这个味道很正确,让人欲罢不能,想要疯狂的把玩,我们也可以给他添加一个绘图模型,我这让他绘制了一个 mac 的 桌面截图,然后他给出了一个这样的效果,真是让人欲求不满。那现在呢,你就可以通过这个工具点击这个 iso 协议, 可以直接复制它接入到扩展中,也可以选择 open i 的 协议去直接接入到口袋子当中。不过呢,我更推荐大家使用这个 cc switch 开源项目,安装方式呢?跟刚才那个一样,找到坐着打包的包,直接划到底部, 根据你的系统去下载安装包进行安装,安装之后把它打开,你会发现它自动识别了我们曾经配置过的变量。在上方呢,不只有这个 cloud code, 还有 codex 以及 gmail c r i 都可以快速在这里进行配置。我们来演示一下这个 cloud code, 点击添加,然后给大家取个名字,大善人, 然后回到这个工具中,选择 iso 编辑协议,然后在下方去复制一下这个地址,把它粘贴到官网链接以及这个请求地址这里,再复制一下我们的 api key, 在 这里粘贴,然后我们向下滑动去配置我们的模型,我们看一下有这个四点五 thousand 以及这个 opus, 我 们直接复制这个 opus, 然后粘贴在主模型这里,然后它自动填充了全部。 哦,这样也行,反正我也不用那个三 d 模型,如果你用的话,你就把那个三 d 模型给他改一下,然后点击下方的添加。这个时候呢,我们就能看到这里有一个搭讪人,我们点击起用, ok, 现在就已经开始起用了,然后开一个终端来测试一下。 ok, 在 这里呢,我们就能看到有这个 cloud opus 四点五信口模型,也就是刚我们添加的。你好,开始思考成功的回复,有什么可以帮你吗?我们让他写个东西来试一试吧。写一个精美的个人网站,放在我的桌面上回车, ok, 大家等了一分钟左右,它这里已经完成了,说是在我桌面上双击就可以预览,我们看一看它在这里,我给它打开哦,这是可拉德 啊,下边这个我就安心了,可拉德是这个水平就合理了啊,不赖啊,非常不赖,非常好。另外给大家推荐这个 cc switch 呢,还有一点就是可以直接在这里去配置我们的四 q, 我们可以直接在这里快速的进行安装,也可以快速的管理我们的提示词,或者快捷的去配置我们的 m c p 服务,都是非常不错的。本期视频只用于学习交流啊,不会滥用。什么意思 那么好。以上就是本期视频的全部内容了,如果对你有所帮助或者觉得视频做的还不错的话,欢迎给个一键三连,如果想要看更多更精彩的内容,务必点个关注。那最后祝各位玩的愉快,我是短风,我们下期再见!


谷歌 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 guarantee 面试以来,市面上 a i d e 的 局面就变了,那 a i d e 现在是越来越多,我们到底应该怎么选?很简单,如果你不差钱呢?你还是选科四。如果你觉得科四有点贵, 你就选谷歌的 anti gravity。 如果你觉得 anti gravity 还是贵,先把科斯 anti gravity windsor compellit 他 们的免费额度用完,最后用国产之光领马 tree。


最近我出了好几期关于 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 仪表盘,你可以用它来添加新实体和新客户,还能进行联动修改。

教你一个无视地区的限制,百分百能登陆上谷歌 integrity 的 方法。首先呢,我们在 github 上面搜索 integrity choose, 然后呢找到第一个 integrity manager, 点击进去之后呢,我们下拉下来看一下是不是这个 logo, 如果是的话,那就找对了。 接着呢,我们找到路由器,进入到下载的页面,找到最新的版本,如果是 windows 系统的话,就下载这个,如果是苹果系统就下载下面这个。安装好了之后呢,我们就会进入到主页面,点击添加账号,点击授权,然后呢会弹出谷歌的授权页面, 授权之后呢,返回到工具的首页,找到账号管理,这里找到你授权的账号的第三个按钮,点击一下就会进入到管理员的工具首页了。我这个账号呢是没有地区权限的,也可以正常的打开。 这工具不单止可以帮助你绕过 anti grade 的 地区限制,还可以进行 api 的 反向代理,如果你爱折腾,可以把它反向代理出来,接入到自己的 carcode, 就 可以完全免费的去使用满血版的 carcode 了。如果这期视频对你有帮助,记得点赞收藏转发。
