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

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

当前账户不符合 etigraphy 的 条件,因为你所在的地区暂未提供。这是我的谷歌账号版本,这是我的谷歌账号,国家和地区显示为中国, 可以看可以看到这个账号,这里显示的跟我刚刚登录的那个账号是一致的, 通过谷歌浏览器跳转是无法登录的。那么应该如何解决这个问题呢?我们需要用到一个工具,叫做 autograph tools, 也就是这个工具 autograph tools, 这是一个 github 的 一个开源项目, 它能够解决我们的账号无法登录的问题。那么我就教大家解决这个问题,该怎么使用这个工具。首先我们打开这个工具, 点击添加账号,开启 offs 授权,选择刚刚这个通过 google 浏览器不能登录的账号,点击 点击登录,授权成功之后,我们关闭此页面,重新打开工具, 可以看到这个账号已经登录成功了,而且也显示 cloud 已经使用了百分之二十,是因为我刚刚又去开发使用了。接下来我们把这个账号切换到 atigraphy 上, 点击这里切换账号,稍等一下,它会重新打开 atigraphy。 好的,重新打开了, 稍微等一下,这个过程会稍微有一点慢。 ok, 加载完毕,我们尝试给模型发送一句测试语言, ok, 给了回复。 现在我们这里就可以免费白嫖 cloud 四点五 sonate 和 ops 模型, 之前这个无法登录的账号,无法使用的账号,在这里面是完全可以使用了。我们看一下右上角账号信息, 这个账号就是我刚刚无法登录的账号,现在已经可以正常登录,也可以正常使用 cloud, 四点五, gmail 都可以用,还有 gpt 都可以用。 这个地址我会放在评论区,有需要的可以下载。如果是无法访问 github 的, 我将这个工具也放在了我的网盘,可以联系我网盘获取。我是迪生,关注我,了解更多 ai 工具,欢迎订阅转发评论。

大家 anti gravity 的 最新版本已经开始支持 scales 了,那么在 cost 的 二点四版本呢,也将支持 scales, 你 可以认为所有的主流 ai 编程工具都已经开始支持这个 scales 了,那 scales 也必定成为 ai 编程啊必学的知识点之一了。 那么如果哪一款 ai 编程工具它不支持 skills, 那 么能力就会少一点啊。如果你对 skills 这个概念感到很困惑,或者想去了解 skills, 那 么不妨来多多关注我。那么在接下来的时间里,我会出一系列的视频来讲解一下 skills 是 什么,以怎么用,以及如何去创造属于自己的 skills。 那本期视频呢,我们重点来讲一下 antiquity 是 怎么来使用 skills 的, 那么你把 antiquity 的 版本升级到一点一四版本之后啊,它就会默认就支持,那其实它为什么现在可以支持 skills 呢?其实得益于这个啊,煎饼来也支持了 skills, 也就说你要 ai 编程工具要能够使用 skills, 它本身是你的模型,要支持 skills, 它不仅仅是说你把提示词写好了,模型就支持着,这里面存在一个很多这种 ai 编程工具和模型之间的交互的协助有没有打通, 那么比如说原来的这个智普的四点六模型在支持 skills 上是非常不好的,但是它升级到四点七之后,那么已经可以支持着 skills, 所以 说这也是需要模型层面去支持这样的一个 skills 的 这种能力。 那么这里面啊,说到 skills, 就 不得不提一个 skills 的 作用范围,那一般这个 skills 啊,会有两个作用范围,一个是叫工程级别的,那么就是在你的项目里面啊,去设置这样的 skills, 那 么只有你这个项目能用, 那么还有一种是全局的,那么一般是会啊,设置在这样的一个啊,你的这个安装的目录里面去啊,这个比如说像这个 gemini 的 这个目录里面啊, antigravity skills 在 这边它就是全局的, 那就是所有的项目都能用这个技能,我们可以看一下啊, integrity 对 这个技能的一些描述啊,就是他是怎么去发现的,也就是说他在每次对话的时候啊,就是你每次去对话的时候,他会去加载大局和项目级别的这个技能的描述和名称, 然后呢通过描述去匹配,我要不要用这个技能,那就很简很简单的一个概念啊,就是 他会通过对话对话你的要求去发现啊,去他已经加载的,已经加载了这个技能的描述名称里面去找到啊,有没有可能哪个技能是给你当前的任务是匹配的,然后去使用他,那么他的这两个作用范围呢?啊,就我们可以看到他这两个作用的范围,其实有一个问题是什么事 没办法共用 cloud 啊, cloud 的 目录里面技能,那么有些 ai 编程工具啊,比如说这个 cursor 啊,比如说 cursor, 那 么在二点四版本之后,它支持 scares, 是 这样的,看在 cursor 目录下面,对吧?这个没问题,但是呢它会把这个 cloud 啊,也就说你在当前目录下,如果使用 cloud 创建的技能,因为使用 cloud 的 创建技能是在点 cloud 的 目录下,那么它也会加载到 它的这个啊上下文里面去被使用啊,如果你是全局的这个 cloud 技能,那么你也它也会加载出来,所以这是非常方便的,不需要像 antigravity 啊,把这个 cloud 的 技能啊,还拷贝到这些目录里面去,非常之麻烦 啊。就是只我只要在 cloud 里面把技能下载下来,那么我就能够给到 ai 变成工具使用,这样是最方便的,因为大部分网上好用的技能是针对 cloud 做了一些适配, 包括它的安装啊,都很自然的安装到这个目录里面去了。那么还有别的 ai 编目,比如像 open code 啊,追的都是使用这种方式啊,都可以加载默认的这个 cloud 下面目录下面的这个技能啊,那就省电了,去啊,去搬运啊,去干嘛呢?这个就是简,非常简易啊, 也是希望 and groot 后面升级,能够把这个加载啊 crawl 的 目录下的技能这个功能加进去,这样的话能够方便我们去使用。那么怎么去下载这个技能呢?那么就是很简单了,第一个是拷贝,把其他目录的技能啊拷贝到这个,他要求这这两个目录里面去, 那或者说你去网上去啊,下载这个这个比如说 github 上面的技能呢,也就指定到这个啊目录里面去,那么我们就使用一个这样的一个技能来设计下网页,看它的调用是不是正常的。那我们现在这个这个目录是空的啊,我们可以去 创建一下,默认的话,你如果创建了这个 rules 啊或者其他东西,它这里是有一个这样的 a 键的目录的,然后的话你再去新建一个叫 skiers, 我 们再创建一个目录啊,方便分辨啊, 那么在这个目录里面就会放你啊,你的所有的这个啊 skill, 就 我现在创建的这个在点 a 键的创建,就是这个项目只能这个项目用的,那别的项目是用不了。如果你要去创建一个全局的这个 skills, 那 么你就可以去他说这个 gemini 目录里面, 然后呢这个 anti gravity 这里,那么去这里创建这个 skiers, 那 么这里创建的 skiers, 那 么就是一个选举的,大家可以看这个目录选举可用的 skiers, 那 我现在用的其实是这个项目用的啊项目啊, ok, 那 我们就拷贝一个这个专门用来做 ui 的 一个啊,这个技能过去, ok, 我 们拷贝过来之后啊,那么它这样的结构是这样子,那么这个是技能的名称, 那么这个是它的 skill 的。 md, 那 么这个是一定是一定要有的啊,比如说这个 name description, 一 般你下载的这个这个 skill 一定会有这两个东西,这个被称为叫原数据,那么它匹配什么时候调用你这个 skill 是 通过这一段描述去寻找,所以你的 你的这个提示词就是你要接下的任务啊,一定是跟他有关的,比如说我现在就要创建一个网页,比如创建一个 u i 网页设计干嘛的,那么他就会去匹配到这里面去,然后去优化你的这个网页了, ok, 我 们来试一下,然后的话我们可以写一段这样的提示词啊,我们我需要创建一个网页设计 或者叫 ui 设计,加上这样的关键词,它可能就有时候它你的关键词如果很模糊的话,那么它可能不会被匹配到,那这个时候其实有两种方式调用这个技能, 那第一种就是通过我们的这种提示词,它去大模型自己去理解它是否是涉及到了它这个 description 就是 这个 skills 的 描述是不是能匹配上,如果能匹配上它就会调用这个技能。那还有一种方式就是啊,你在这边去手动指定啊,让它去使用这样的技能, 比如说请使用 u i u x pro max 这个技能完成这个任务, 那这种方式就是显示的去指定让它去调用这个技能,那其实大大部分的情况啊,我们都是更倾向于去让它自己去理解 我们在描述中是否是有涉及到这个任务的匹配让他给进了,那么其实更倾向于就是让大模型从你的这个 内容,你的对话内容中去匹配啊,这个是否有合适的这个 skill 去执行你的任务,那么在这边的话,他这边会触发了这个 skill 的 md, 也就是说他通过你这里的内容啊,然后发现有一个 skill 满足你的这样的需求,因为他已经从 describing 跟我们这个网页 ui 设计是匹配的,那么他就会去阅读整个这个 skrmd 这个文档里面的内容, 大家可以看到是读到一杠二百二十九行,看一杠二百二十九行啊,全部读完他就知道啊,我这个技能应该怎么用,那么一开始他是不知道的,他只有他只会去把这个 name 和 description 保存在我们的这个对话上下文里面去, 那他这边就开始去调用,去按照他的说明书去使用这个 skills 来帮我们去做这样的任务。你看他已经执行了很多这样的脚本啊,那这个脚本就是来自于我们的 skills 里面的这个,这里面的这个 scripts 也是来自于我们 skill md 里面的操作说明, 那这样说明就是他已经触发了这个 skills 调用。如果你在这个过程中啊,你发现他没有去调用你这个 skills, 那 么你就用我刚刚说的啊,直接让他,让他去使用这个输入这个技能的名称,直接让他去调用也是可以的。 ok, 我 们来看下最终效果啊,除了除了一些图片,他找不到 二十四点四,没有别的问题,可以看一下从字体啊,这个字体如果你不用 skills, 是 他这个 skills 是 做不出来这种字体的,然后整个页面我觉得是真的是非常的 ok 啊。然后这边的话是一个商品的列表页,这边是一个介绍, 我给的提示词是非常简单的,我没有说让他选什么技术站,也没有给他提什么样的页面的元素风格,他这边的话其实就是使用这个 skill 里面的东西啊,去给我设计这样的字体,我觉得是非常非常不错。 那么这边最后呢也推荐一个常用的这个 skill, 如果你想去找一些 skill 的 话,你可以在这边去找, 那这边的话已经有了六六万多个了啊,六万多个这样的技能,那么你可以去根据它的这个至少能参考这个 stars 里面去别设这个测试的这个, 那么你点进去之后啊,你可以使用这种下载下载的文件的方式啊,你也可以啊,如果你是使用 qq 的 话,你可以使用这个 github 里面的,它专门有有一些它的插件的话,是可以直接安装的啊,所以这个网站可以大家可以去收藏一下,那么你也去 github 里面去找很多这样的官方的这种 skill 也是可以的。 ok, 最后的话,如果你对 skill 有 兴趣的话,可以来继续关注我,接下来会出几期视频来详细讲解一下这个 skills 的 使用和定义啊,让大家都能够很方便地去理解和使用这个非常强大一个功能。

上期视频我为大家演示了在谷歌 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 用于更多场景。本期视频所用到的代码和笔记,我都会放在视频下方的描述栏或者评论区。

教你如何设置 integrity 的 反向代理,来免费使用满血版的 cloud 大 模型。首先呢,我们在 github 上面去安装一下 integrity 的 manager 这个软件,找到这个 logo 就是 对的。然后呢在 releases 里面安装最新的版本啊,找到 windows 系统的下载安装包。 然后呢同样的操作安装一下 cc switch 这个软件。这个软件呢可以很方便的去切换大模型的供应商,以及对 skill 的 管理和 mcp 的 管理。 ok, 我 们安装好之后呢,先打开 integrity choose, 然后呢进行账号的授权,授权完成之后呢,可以看到自己账号下每个大模型的剩余的配额。然后呢我们打开 api 的 反向代理, 拉下来,可以看到 api 的 反向代理是支持最常用的三种 api 协议的。然后呢我们现在用到的 frop 的 协议。 接着呢我们打开 cc suite 输入软件,我们添加一个新的供应商,这里呢我已经配置好了,大家看一下怎么配置。首先呢供应商的名称呢,可以随便填备注,也可以随便填 apikey 的 话呢,我们来到 atg 程序里面这个反向代理的 apikey, 把它复制粘贴过来。 然后呢请求地址,我们写 local host 啊,八零四五对应的就是你反向代理监听的端口。然后呢我们写一下大模型的编号,我们可以在这里下拉下来,找到大模型的型号。然后呢我们选择 class 四点五 solid。 其他模型呢,都是同样的道理,选择你想要的模型,也可以选择这面来三的模型进行配置。 ok, 配置好之后呢,我们打开终端的 cloud code, 然后尝试一下给他发信息, 可以看到在反向代理工具里面流量日制这里已经看到了,我们刚刚发出去的信息 证明呢,我们的返乡代理已经配置好了, any great 呢,每天都会有免费的卡的额度,那不用白不用视频,如果对你有帮助,记得点赞、收藏、关注。

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

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

今天打开电脑看到 german 三点一 pro 已经正式发布了,它已经在 german 以及谷歌 ai studio 还有反重力上面已经集成了,这是我的 german, 它的 pro 版本已经是三点一 pro 了。然后谷歌 ai studio 这边已经是直接是 german 三点一 pro 了, 我最爱用的反重力,它已经直接集成了 german 三点一 pro 最高版本的,可以让你去选择了。 嗯,反重力要想使用最新的三点一的话呢,你需要把 i d e 更新到最新版本,我在软件里面没有找到检查更新的选项,于是呢,我就去官网直接下载最新的版本,安装的话它会直接替换成新的版本。

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 最快的方式就是先用起来,先做出一个东西,然后慢慢地补足专业技能,这样你才能有源源不断的学习动力。