geekezbrowser使用教程

哈喽，大家好，我是图图，今天呢给大家分享的是子鸟浏览器。呃，首先呢，我要给大家说一下，子鸟 ip 他 只能进行 pk 后台店铺的运营，他无法 观看前前台的这个视频，这个大家了解一下。呃，其次呢，要给大家分享一下我的使用感受，因为我只有一个店铺，其实是不需要 ip 隔离的，但是我为什么还买，是因为我前期在三六零浏览器上品的速度，他那反应速度非常慢，所以我购买了子鸟浏览器，那结果肯定是要比之前的反应速度要快一些的。 那接下来要给大家说的是目前我用下来它比较好用的功能和大家后期肯定也会涉及到的功能。第一个就是它可以支持 多个店铺共同运营，也就是说我有五家店铺，我只需要登录这一个资料哦浏览器账号就可以了，我觉得这个肯定是要有利于大家后期的这个工作的。那第二个呢，就是我在绑定的过程当中，我发现它还可以兼容其他跨境平台， 比如说像亚马逊呀，还有特码等其他，因为我们后期如果说呃业务成熟的话，肯定也会涉及其他品牌嘛，这个也是比较好的。第三个呢，是它网络环境更加稳定安全一些，就我们马上过年了，就以我为例，我从西安到山东，我的地址肯定是发生变化的，但是呃用紫鸟浏览器这个 ip， 它倒不会出现这个问题了， 所以我觉得这个也是挺有挺有利于大家的。因为我现在是一个人，所以他好多里面的就是团队的一些功能，我现在还没有接触到，如果大家有兴趣的话，可以去咨询一下子鸟浏览器的客服。还有一个是昨天在群里面有一个小伙伴有咨询我子鸟浏览器，我想说的是你只需要看你现在的浏览器反应速度是否 我快，如果说你觉得他的速度也很慢的话，那你也可以像我一样买购买怎样浏览器增加他的商品速度。呃，再一个就是如果你是两家及两家及以上的店铺的话，那你是一定要买怎样浏览器进行 ip 隔离的。那最后呢，给大家说了一点是，如果大家有 鸟浏览器的需求的话，大家可以私信我，或者说在群里面滴滴我，我可以把我当时购买子鸟浏览器的那个让给大家，那我们就一起看一下呃子鸟的绑定及购买教程吧。首先呢，我们打开子鸟首页，它就是这样的一个页面，我们在这里有一个账号，我们点击账号，账号如果你是新注册的话，这里会跟我有所不同，你点击添加账号， 添加完账号之后我们在这里去选择平台，以我 tiktok shop 为例，然后我这儿选择的是全球跨境自运营，然后账号名称这个你可以随便填，然后后期也是可以修改的。呃，比如说我是亚，呃，马来西亚的，马来西亚杠， 呃，女士服，女士服装杠一，这都可以，无所谓这个字。 tiktok shop 账号和登录密码，这个是我们的那个账号和密码自己一填，然后绑定设备，我们一会再绑定。 那第二步呢是安全设置，如果你现在是一个小团队，你要给你的下属去设置一个账号的话，就在这里面去设置，第三步呢是浏览器的配置，大家根据自己的情况去配置，如果说没有特殊的，你就直接默认设置就可以点击确定， 那大家如果是头一次注册的话，呃，这一步完成之后会有一个呃购买设备，大家直接点击就可以了，因为我已经购买过了，所以我的购买设备在这里旁边有一个设备，我点击这个购买设备， 购买设备之后大家就可以根据自己的情况进行选择，大家看一下这个到这就是我们设备的购买，大家可以根据自己的情况进行购买。全平台我是亚太的新加坡，这个到时候如果大家不清楚的话，也可以去咨询一下客服，然后根据自己的需求，比如说你要买一个月三个月，但是无论是一个月三个月，他肯定是有优惠的，你看我现在这个优惠券已经使用过了，所以他是六十八，然后你就直接点击提交， 提交就可以了，大家缴费完成之后，他会有一个分配，分配得一会，一会分配完成之后呢，他这就会有一个启动，这个是在我们全部账号里边这有个启动，你点击这个启动，这样的话你看就到了我们资源浏览器，我们打开账号这里大家第一次的话需要输一下，之后的话系统会自动记住的，这样就进入我们的这个 t k 小 店了。

大家好，今天介绍一款开源浏览器自动化工具 agent browser， 以 mac os 为例，终端输入 root install agent driver， 等待安装完成。紧接着输入 agent driver install install， 提示 chromium 安装完成。为了更好地在 cloud code 中使用 agent browser， 我 们参考仓库说明为 cloud code 新增 cloud md 文件，启动 cloud code， 让 cloud code 帮我们创建 cloud 点 md 文件， 很快它就创建完成了。紧接着还有一个重要步骤是为 cloud code 安装专用的 skill。 这里我们仍然是使用 cloud code 帮我们安装输入，请帮我安装 skill 内容参考 n p x 指令， skill 安装完成，退出 cloud code， 重新启动 输入 skill。 看到 agent browser 这个 skill 已经安装完成，我们使用一个案例来测试 agent browser 功能，打开可视化网页窗口，登录微博首页，获取最新热点新闻。我们看到它，立刻打开网页，登录微博网站， 很快便完成了热点新闻提取。

每日拆解一个 openclaw 热门 skills， 今日拆解 agent browser star 六八幺，下载量十五点五万以上技能定位，由 versal apps 出品的前端测试自动化工具，堪称 ai 时代的开发提效神器。核心功能包括 u i 自动化测试、模拟点击和工作流测试。 完整使用方法步骤一，一键安装 n p m install 记 agent browser， 然后运行 agent browser install。 步骤二，打开网页 agent browser open， 加上测试网址。 步骤三，获取页面元素运行 agent browser snapshot i， 系统会返回带有编号的 dom 结构列表。步骤四，自动化测试可以使用 fill 命令填入内容， click 命令点击按钮 screenshot 命令截图，保存测试结果。 使用场景场景一，开发阶段连调测试，快速进入测试环境场景二，复杂页面功能排查自动化执行交互流场景三，网页结构调试分析 dom 结构场景四，测试用力边斜辅助场景五，页面加载性能分析，及时发现白屏卡顿 技能总结， agent browser 是 ai 时代的前端测试利器，配合多模态 ai 模型，可以实现开发联调、交互测试、结构排查等操作。互动话题，作为开发者，你最想用它来测什么功能？点赞收藏关注，不错过每一期热门 skills 拆解！

大家好，这一期视频主要讲解 cloudco 从安装到上手实操，主要分为五部分，第一部分是 vsco 的 软件安装，第三部分是 cctv 渠道软件安装，第四部分是接入 ai 编程大模型，第五部分就是上手实操。现在教大家如何安装 vsco。 首先我们打开 vsco 的 官网，点击下载 windows， 看你电脑的系统， 我这里直接下载 windows 十一安装包，点击它就会跳到下载的页面，并且自动进行下载，因为我这边已经下载好了，我直接打开，打开安装包之后，我们点下一步，这里我们修改一下安装的目录，然后点击下一步，再点击下一步 这里把这些都全选打勾之后，我们再点击下一步，点击安装，我们现在可以看到已经安装完成了，现在我们开始安装 altcode， 我 这个是 windows 十一的电脑，我们在右下角这里输入泡泡脚查找，找到这一个， 并且以管理员的身份运行，我们再输入这一行代码，这一行代码主要是给当前的脚本执行权限用的。我们回车，这里我们输入 a， 再回车，再输一条指令， 我们可以看到这个当前用户是这个值就是对的。我们再执行这一条指令，这一条指令就是安装 cloud code 的 指令， 然后点击回车，现在我们可以看到他正在获取 cloud code 的 安装包，我们等一下，然后我们再验证一下是否已经安装成功，我们现在也可以看到已经安装成功了，是二点一点七的版本。接下来我们来安装 c c switch， 它主要是切换不同的 ai 编程大模型，需要用到这一个工具，我们输入这一个网站来下载，这个是 cc switch 的 安装包，输入到这个页面之后，我们下拉，看到这里，我们点击一下，再下拉到这个页面底部， 我们可以看到这里就是他每个系统的安装包，我们找到相对应的安装包，直接点击下载，因为我这个是云朵十一的，我点击的是这一个，现在下载当中下载完成，我们双击点击运行，点击下一步， 这里我们更换一下它的安装目录，换完装目录完成之后，我们点击下一步再点击安装，这样就安装完成了，我们可以看到系统桌面上显示安装 cc switch 已经安装完成的图标， 我们双击一下这里这些就是我之前已经配置好的 ai 编程大模型，这里有智普，还有 d c， 还有汇集流动平台的，我默认使用的是智普的。 如何添加 ai 大 模型呢？这里在这个 cc switch 的 界面上右上角这里添加，这里我们可以看到它是有非常多 ai 大 模型的接入方式， 还例如 c c， 智普，还有 mini max 硬币等等，我们选择智普这里下拉下来，下面就是填写 api 密钥了，我们打开智普的 api 后台官网， 这里就可以新建你的 api key， 新建完成之后，你把这个 api key 复制到这个页面里面。 cc switch 的 下拉的页面里面，复制完成之后，你直接添加就可以了，添加完成之后再回到这个页面，你可以去启动， 例如我这里现在默认是字母，如果你是换成是 dc， 你 可以去点击启动，这样就切换成功了。当前使用的就是 dc， 它还需要在这一个页面里面的设置里面 打开，把这一个应用到 cloud code 的 插件这里打勾完成之后再保存就可以了。所有工具安装完成之后，我们现在开始启动 cloud code， 我 们先新建一个文件夹，然后右击再通过 vs code 来打开，然后我们来安装一下 cloud code 的 插件， 在这个 vsco 的 左边左下角这里搜索 outco， 第一个这里我已经安装了，如果是没有安装的，这里是显示要安装的，你点击一下它就安装完成，安装完成之后它右上角这里是有一个 outco 标志的， 这样就说明已经安装完成了。然后我们打开终端输入 cloud code， 现在我们可以看到它已经是用的是智普的四点七，我输入的一个，你好，它也是已经是有回应的，这说明它已经 cloud code 已经是接入成功，并且正在运行当中。

fire brother 是一个开源项目，提供了一个在指定目录内的文件管理界面，支持上传、删除预览、重命名和编辑文件。他允许创建多个用户，每个用户都有自己的目录。 此外，它还可以作为独立应用程序使用。用户可以通过访问 demo file brother 点 org 来体验该项目。更多推荐请关注优雅工具园。

那关于全城开发怎么自测自己的代码，对吧？那这个其实是比较费时间的，而且你其实很多时候你也测不准这种自己测试可以用这个 play right 这个插件，它是可以自动去呃， 使用这个浏览器，自动去截屏，自动去录屏，自动去测试对比，你要做的功能是怎么样的，就这样就不用你费时间自己去点击去测试了，那它就相当于自动化的一种测试方案，对吧？那 也有对应的这种 scares 啊，对吧？你也可以装，对吧？比如说 web 相关的这种 scares 应该叫 agent brother 啊， 对吧？就这这个技能，对吧？他，他就是里面核心，他就是用这个 play right 这个东西。所以如果大家如果说想去在前端自己去测代码，想不想去自己去测试，想去自动化的，就可以用 play right 这个插件，反正核心都是基于这个，然后你去 呃自测对比，自测点代码，比如说你可以对比设计稿，要把设计稿扔给他，让他自己用浏览器启动浏览器，自己对着去测试，对吧？然后到时候如果有问题就发现了，发现了之后继续用 ai 去解决，也是很方便的，好吧？当然如果说你现在 正在前头找工作，你需要找个人辅导，其实帮你省时间嘛，对吧？不管是辅导还是陪跑，这边都是有提供的。 所以说如果说你觉得你的简历，你的面试，你的项目没有难点，你各方面都没搞好，你可以找我来辅导，好吧？然后这个找我报名，好吧？让我可以就是一对一的啊。

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

大家好，今天和大家分享这两天我在 web 公屏方向的实践成果，属于一期技术分享。这两天我带着学生重点学习总结了目前热度较高的 ai 代理浏览器 agent brower 的 实践应用， 它主要用于复杂环境下的网络数据的智能挖掘。那么我们在实操过程中设立了一个场景任务，就是尝试在抖音平台进行关键词的话题搜索，然后批量获取搜索结果中的视频信息、评论数据等内容。 那么在实际的应用中啊，那我们发现 agent 浏览器它是具备完成数据爬取的能力，但是稳定性不足。那么如果完全交给 ai 去指挥，批量爬取在抖音这种复杂的网页环境中并不可靠。 所以经过大量的测试尝试，我们终于摸索出了一套可行的解决方案，来保证爬取的稳定性和准确性。那么详细过程呢，我们就在这里不讨论了，现在我看一下，我们一块看一下演示效果 啊，我打开我的工具，直接在我的终端执行写好的啊，程序脚本啊，那么大家看到我这个 a g 的 浏览器实现了自动刷视频 啊，所以说大家可以看到这个视频的滚动是我没有人工进入，是自动刷视频，并且大家可以看到啊，我们自动生成了视频数据文件和评论数据文件 啊，就是这个点 t e x t 文件、 t s t 文件和点接收文件。那么打开文件，大家可以看到其中包含着我们当前视频的详细信息，以及我们的评论信息。只不过目前的数据啊，就是干扰数据比较多，后续我们会 基于这些基础数据进行数据的清洗，以及下一步的格式化展示。那么最后我想说的是，当下 ai 工具、 ai 技能，包括 m a、 m c p 这类新技术层出不穷，很容易让我们产生焦虑，总担心错过有价值的内容。 但是我始终认为，动手实操远比单纯观望更重要，只有亲自上手测试使用，才能真正理解工具的价值和它本身的局限。好的啊，感兴趣的朋友可以点赞收藏，我们下期再见！

如果你正在使用 clockcode 加 obsidian 的 组合，那你一定要安装这个浏览器插件 obsidian web clipper， 它能极大提升你信息获取的效率。 obsidian web clipper 是 一个减长插件，它能把网页上的内容按照你指定的格式都扒下来，保存到 obsidian 里边你所指定的位置。 那为什么对 ai 用户很有用？因为 obsidian web clipper 所保存下来的内容都是一个存在本地的 markdown 文档， 不管你用什么 ai 工具，都可以很容易的读取，做进一步的处理。如果你已经在用 curlcode 之类的工具，那你一定能理解本地 markdown 文档的价值。而且这个插件本身也有 ai 功能， 你只需要在 interpret 功能里边填上 apikey 模型 id 和名称，就可以让 ai 帮你预处理信息。 比如我通过 openroute 调用 gemine 三点一 flash 模型，因为它便宜，上下文窗口大，用来总结和提炼内容足够了。 我在去年出过一期视频，介绍过这个插件，那这次我还想再次推荐，是因为它最近更新之后，默认就可以提取完整的 youtube 视频字幕。 你看，我现在没有做任何特别的设置，把 interpret 功能也关了，打开一个 youtube 视频，点击插件按钮，等个一两秒，关于这个视频完整的信息就全部提取出来了。你要知道，以前要把这些东西提取出来，还是需要一点配置和操作的。 比如提取字幕，你需要先到 youtube 视频下方点击内容转文字，然后再使用插件才能完成提取，否则啥也提取不出来。 我现在的用法是让他提取字幕以及对字幕做一个总结。这样一来，我就可以先大致看一看这个视频值不值得我进一步消化。如果有必要的话，你甚至可以让他把整个字幕都翻译成中文，并且捋顺了，方便阅读。不过英文对我来说不是障碍，我就懒得弄了。 所以我目前在用的模板是这两个，一个是专门检查文章用的，主要是公众号的文章。我让 jammer 三点一 flash 先做总结和提炼。另一个是刚才介绍的检查 youtube 视频，我特意加了 temporary trigger， 当它识别到是 youtube 链接的时候，就会自动切换到这个模板。每到周末，我都会用我自己的 newtypeos 对 这周保存下来的所有内容进行处理。 之前介绍过，我特意做了一个自定义命令，让 ai 对 内容做深度分析，告诉我哪些值得关注。为什么值得关注？ 这个浏览器插件用起来就这么简单，但是它真的帮了我很多。如果你日常需要获取大量信息，消化大量内容的话，可以试一试。 ok， 以上就是本期内容，想了解 ai， 想成为超级个体，想找到志同道合的人，就来我们 newtype 社群，那咱们下期见！

openload skills 八个提升效率的必备工具，第一个， agent browser rust 驱动的浏览器自动化神器第二个， stock analysis， 股票和加密币的八维度智能分析第三个， news summary， 全球新闻聚合，支持语音播报 第四个， youtube transcript 视频字幕快速提取工具第五个， summarize， 万能内容总结，支持多模型选择第六个， humanizer ai 文本润色，移除 ai 写作痕迹 第七个， skill creator 创建和管理技能的开发工具箱第八个， desktop control 桌面自动化控制，支持鼠标键盘操作 start building with open law。