零基础如何用 tree 写一款手机软件?我们需要用到三款工具, tree, h b 的 x 和木木浏览器。 tree 主要是用来写代码, h b 的 x 主要是用来把代码运行到木木浏览器上,木木浏览器的作用是模拟安卓手机。首先我们需要创建一个项目,在 h b 的 x 中 打开 hbx, 点击文件新建项目,给我们创建一个默认是保存在了桌面上,然后下面这个不用选,直接选这个,就可以选这个, 勾选这个三,然后点击创建,它会显示创建成功,创建成功之后,打开一个比如这个 html 的 代码, 我们点击运行,运行到安卓机座,它就会自动搜索我们的模拟器,然后运行新项目,稍等片刻,它就会运行到这个目目浏览器。现在这是一个框架,我们需要在退出 写具体的功能,在窗上打开我们创建的那个文件夹,我们让他利用这个框架写一个安卓手机视屏软件,直接发送给他,就可以等他开发完成。在开发的过程中, 这边写好代码,这边是实时加载的,这边至此这个软件就写好了。软件写好之后,我们可以在这个模拟器测试一下, 我们点击加号,输入标题,输入内容,然后保存加设置 x, 如果保存不不成功。我们返回 h b 的 x, 看一下它的问题,把这个爆红的地方复制发给吹,让他帮我们修改代码,等他把代码修改好之后,我们再次测试一下软件题。 内容写好之后,我们可以点击这进行测试,输入内容,点击保存,点不了保存说明它是有问题的。我们返回 h b 的 x 看一下它是什么问题,把这个问题再发给崔,让他去修改,来回修改用时比较长,我们就不修改了。 写好之后,这里面在 h b 的 x 里面有一个发行云打包,然后我们直接 就可以把这个软件给打包,平均打包,快速安心打包,点击打包他就会给我们打包这个应用程序弹出这个提示的时候就继续打包,等待他打包好就可以了,会实时显示打包的进度,显示绿字就说明已经打包好了 啊,他这上面有安装包的位置,按照这个位置找到这个安装包打包好的软件,这就是我们打包好的软件,现在就可以通过压缩软件把它压缩一下, 通过微信或者 qq 发送给自己,就可以安装到手机上。如果不知道怎么设置幕幕模拟器,可以留言或者发私信。
粉丝355获赞2391

在我之前的视频里面啊,我介绍了一款编程工具叫 tree, 在 这个视频里面,我演示了如何让 ai 帮我们去写一个多现成的范例,以及去写一个俄罗斯方块的小游戏。然后就有朋友问我了, 这个东西能不能利用它来写脚本呢?可以的,但是你要知道,我们用它来写脚本的话,其实本质上还是在用 python 去写啊, 因为 python 和 ai 的 兼容性比较好啊,我们可以让 ai 帮我们写很多 python 的 代码,通常来讲的话,这个错误率还是可以接受的啊,但是你需要掌握 python 的 一些语法基础和它的一个代码结构啊, 就是说你不能什么都不懂啊,完全指望 ai 帮你去写套复杂的脚本啊,那是不太现实的。所以,如果说你想要 希望利用 ai 来帮助你辅助写脚本的话,你至少得掌握 python 的 一些基础。而 python 的 学习门槛呢,实话实说啊,他肯定是要比按键精灵更高了。 所以说,如果你是一个零基础的小白啊,你想要写脚本,那么我建议你把按键精灵作为起点啊,还是去先看这个编程基础,先看这个, 然后你再去看这个,最后你再去尝试啊,让 ai 辅助里去写脚本,要不然的话,他写错了,你都不知道怎么改对不对?就算没错,你也不知道怎么去用啊。好,当你具备了一定的编码技术之后啊,你就需要具备一定的理论基础。 我们的主要脚本理论基础其实就是两个系统啊,一个是识别啊,一个是操作。 关于这两者的关系呢,你也可以去看一看我的这个视频啊。好了,我们再来说一下这个用 python 写脚本的好处啊,第一个我之前说过了,就是 ai 跟它的兼容性比较高。 第二个就是他不太会被针对性检测,他的安全系数啊,是要远远高于按键精灵的啊,而且他的封装性啊,代码的封装性也要远远好于按键精灵,所以他的整体上限也要远远高于按键精灵啊,但是他的部署和发布啊, 要比安吉基尼更复杂。那说了这么多废话,我们来看一下怎么去通过实力啊,来去写一个最基础的目标识别加点击啊。好了,接下来是使用拍摄啊,你需要先安装好我们的拍摄环境啊,自己去往上下一个。这里我的版本是三点一,四点二, 这是我的拍摄路径啊,我们需要在我们的这个开发环境里面把这个路径给指定一下啊,在我们的这个开发环境这里啊,拍摄就是起的, 你看啊,这个路径啊,你要去指示一下。好,这里还是先打开我们的之前的项目文件夹, hello, world, 然后我们来设置一下这里,把我们的编码的界面啊,把这个字体把它改一改,改的稍微大一点, 方便你们去看啊,要不然的话太小了看不清楚。好,我在这里向 ai 提下需求啊,在这个多线层代码内,帮我实现如下功能, 在一条线层中检测一张目标图片,在一条线层中判断是否检测到图片,如果检测到,那么则让鼠标移动过去,并且进行点击操作, 同时按一下键盘的 h。 后面是这个目标图片路径啊,就这个,就这个桌面,这个美女的嘴巴。 好,这里我们把这个名字改一下啊,排序他对中文的支持还是不太好啊,我用按键用习惯了写中文,我们把它改为这个英文啊, target。 好, 这里我们来启动一下啊, 然后这里有提示啊,它的快捷键比较简单粗暴啊,是 e 和 h, 那 我们就先按 e 再按 h 吧, 大家看见没有啊?我们的鼠标确实可以过去,看见没有,对吧?这个说明没问题啊,我们的键盘输出的话,这里看不出来啊,应该也是没问题的。 好,我刚才按 q 把这个停掉了啊,刚才鼠标不是我自己动的啊,千万不要以为是我自己动了啊,是这个程序动过去的,我们可以看下这个输出啊, 检测到目标图片这个位置,你看九四五啊,五三三。我们这里粗略量一下,九四五啊,五三三是不是,你看差不多啊,九四五三三的话 啊,你看九四五三三啊,他量这个图片的位置,你看他不是以这个左上角为基准啊,他是以这个中间点为基准啊,所以我们看他鼠标过去的点也是这个中间点啊。 好,那我们再来一起浏览一下这个源代码啊,我们看一下它这个原理是怎么实现的啊?我们看到这个 cvr 就 应该知道啊,它用的检测原理是用了 open cv 啊,然后这个是我们的图片路径啊。 好,这一块是他这个我们的工作线层,这个一代表一秒钟啊,他和我们的按键的这个计时不太一样啊,按键的话这个单位是毫秒,他这个是一秒钟,那我们这里可以把它改快一点啊,比如说零点零一秒啊, 好,这里是我们的图片检测这个线层 啊,这里是输出我们的这个图片位置的,你看这个算法,它就是按照我们的这个中间点去算的这个位置啊,啊,除以二,对吧?宽高除以二 center 嘛,你看啊,中心点啊,然后这个 w 就是 y s 宽啊, h 的 hit 啊,高, 后面这里就是我们的控制线层啊, 然后这个鼠标操作用的是这个啊,用的是这个第三方库 p y l to g o i 啊,然后用它去移动我们的鼠标,这个间隔是指的是我们鼠标从我们的这个当前位置啊移过去,它所需要花的这个时间,这个零点五就是零点五秒的啊,就这个意思。 但是这里显然这个 ai 啊,还是把我的一个意图给理解错了啊,就是我这个 h 啊,我的意思是让这个鼠标移过去之后啊,按一下我们的键盘 h, 对 吧?在这里去按一下我们的键盘 h, 我 这个意思啊,但是他理解我了。什么?他理解我了,我们这个 去用 h 去启动我们的县城,是吧?你看他这就是理解错了啊。那好,我们再把这个间隔把它改短一点,比如改为零点零零一秒啊,他就可以做到。什么呢?瞬间移过去啊,他就没有这个轨迹了。好,我们可以看一看啊,启动 我们按一下,一再按 h 啊,好,看见没有,对吧?我们鼠标闪过去了,看见没有啊,对吧?直接瞬移过去啊,它就没有这个过程了啊, 然后 h 它按下去了,你看见没有?我们的这个这个文件夹,你看 h, 你 看它会亮,对吧?它会闪一下,说明我们这个键盘 h 啊也被按下去了啊。 好,现在是我们去借助这个 ai 啊,去帮我们写脚本的一个基础的方法,如果你有兴趣的话可以去尝试一下啊。

好,我们上一个版本已经可以对我们的一个多目标进行检测了,并且可以成功的复制这个检测框以及我们的检测信息啊,那我们来继续优化啊,来看我的新需求, 帮我生成一个格式化窗口,用来显示 print 中的调试信息以及所有检测目标的名称及坐标信息,窗口尺寸,窗口位置,背景色、前景色,还有我们的字体以及字号 信息,采用竹行显示,排版,整洁美观。 好,我们来测试一下啊, 调试窗口没有成功显示啊,好,那我就继续跟大家提需求啊, 我启动现成后,调试窗口没有正常显示,帮我修复这个问题。 好,还是有问题啊?这里报错了。 好,我们再来试试看啊。哎,这一次好像没问题啊,那没问题啊。嗯, 好,我再给大家提个新的需求啊,在调试信息窗口中每一轮信息更新后,清空之前的信息。 好,我们来试试看啊, 我们要把这个脚本切换到这个啊,现场控制, 嗯, 它这样就不会无限的往上面叠加累积啊。 嗯,没问题啊, 好,这个窗口的作用,它是为了方便我们实时观察我们的程序运行状态啊,有的时候你要看这个调试信息,你还需要先停止,然后切回来看,那你就不能够太方便的去观察我们的代码有没有什么问题啊, 然后我们这里尝试加个开关,就是让他帮我去增加一个变量,方便我决定是否使用。调试信息窗口 当变量为 q, 这使用调试进行窗口当变量为 force, 这采用 print 的 方法,常规调试输出相当于给我们这个调试窗口给个开关,对吧?我们需要用的时候我们就把它打开,我们不需要就可以把它设置关掉啊,这样就比较方便。 好,他这里告诉了我们用法,在我们的这个线层控制里 ctrl, 我 们找一下。那这里啊, may 啊,是我们的入口, 它这个是默认开启窗口啊,我们可以写个备注啊。 但是有个新问题啊,就是我这里如果把它改为 force, 我 不用调试窗口的话,程序就有问题了,会报错,我们来看一看,你看,直接报错, 我把这个错误直接给复制过去, 然后跟他说在我不使用调试窗口后报错了。 好,我们再来试试看。 嗯,它这里就默认没有使用了吗?我看看 它这里默认没有开启吗? ctrl 了。哦,对,没有开启。那 好,那我把这个 force 改过去啊,看能不能开启了, 嘿,啊,这就可以了啊, 开关激活 force。 嗯,没有问题。

呃,大家好,今天来讲一下这个如何用这个编程工具来开发这个微信小程序。 然后我们这个工具叫 train, 它是自己出的一个编程工具,然后它分成国内版的和国际版。呃,国内版就是可以免费直接用,国际版它是需要那个科学上网,然后也是需要付费的,国际版的效果会比国内版要好一些。 呃,然后如果想开发,呃,我们就是想讨论的是怎么在不太懂编程的情况下去开发这个微信小程序啊?我们先要安装一下这个微信开发者工具, 然后打开之后新建一个文件夹。呃,这个就是新建的一个空的文件夹,空的文件夹它就是一个还会有两个页面嘛,然后它这里也是可以那个可以登录的,可以选择自己的微信, 然后现在是一个 hello world 的 一个工程。对,然后我们新建了这个文件夹之后,然后再用这个圈去打开这个,我们刚才新建的这个文件夹就在这里面打开了。 嗯,然后就是我们要做的,我,我之前做的这个项目就是, 呃,利用小程序,就是利用这个我们自己做的一个单片机的一个设备,通过蓝牙去那个和这个手机的小程序进行通讯, 让用这个设备发送了数据到这个手机上面,然后这个这里就是可以呃连接,我们可以断开连接,然后可以,然后在这里可以刷新之后可以搜索到这个蓝牙设备, 做到之后,然后这个然后就可以那个点击这里去连接。啊,现在已经连接上了,连上了之后就是他会实时的发送他的电流、电压这些数据过来,然后这边还有一个可以实时显示的一个曲线, 大概是这么一个功能,然后要实现这个功能的话,嗯,呃,它它不是一次性的通过这个翠叶酒生成的,它可以分,它需要是分成,呃好几次,然后慢慢的去调。 首先我们需要需要实现的一个功能,就是这个设备发送数据到这个小程序上面啊,他发送的是一个字母串嘛,所以就是这个字母串,他能够那个 把这个字母串能够在小程序上面显示出来,就是没有这些界面。我单单先测试一下能不能实现这个蓝牙的一个一个连接,还有这个字母串的一个显示, 我们先试一下啊,它这里有两个 page。 呃,就是就是,虽然你可以不懂代码,但是你小程序的这些基本结构还是要知道的。呃,像这里,呃小程序它是有一个一个页面组成的嘛, 就是你点开来之后看到的就是一个页面,这里也是有两个页面,一个是 index, 一个是 logs, 就 它是由两个页面组成的啊,其就相当于这里的这里也是一个页面,这也是 index, 然后你输入之后, 然后点击它就会进入另一个页面啊,这就是那个另一个页面,就是这个, 呃,就是一个日制的页面,其实它是有两个页面组成的。呃,所以我们这里的修改它是也是修改其中一个嘛,那我们就修改这个 index, 然后输入请 修改 index 的 页面。 呃。需要,需要是搜索,需要搜索。呃。小需要搜索附近,需要搜索小程序附近的 蓝牙设备,并且连接该蓝牙设备, 该蓝牙设备会呃不断的发送区块数据, 呃,所以小程序页面需要实时的显示这些字谱串数据, 用对数据进行处理,然后这就是一个最基础的功能啊,我们先让这个这个小程序去去实现这个最基础的一个一个功能。 嗯,这里这个这里这个代码就会进行那个修改。看这里就是他们在进行一个修改,嗯,他会,他会那个翻译成英文, 这个修改是需要需要等待一段时间的,赶紧点一下。 呃,现在就基本,呃修改完了啊,我们点击这里那个保存这个修改的代码, 这里主要是告诉你它进行了哪些修改。呃, 然后我们来看这里的一个效果吧,效果就是这样,然后有个两个按钮,然后用现在就是用这个点击这个预览这里 预览这里就可以,这有点问题啊,我们先 然后这里出现了那个报错嘛,所以报错的话我们就把这个错误就是复制,复制之后就丢到这,这里面我看已经丢进去了, 丢进去之后就是它也会分析进行修改,然后我们就保存,保存之后就是啊再重新的进行这个在这里清除缓存之后重新的进行运行, 如果有错误的话我们就继续修改好,现在就没有报错了。没有报错,但是我们会发现这里还有原来的这个昵称登录,还有 hello world, 这些是我们不需要的,我们就可以在这里请删除, 请删除原 index 页面原有的登录信息主键和 hello word hello word 文本, 这样就把那个原来那个不需要的信息给删除掉, 它这里也是一般先翻译成英文,然后传给那个一些国外的大模型, 它这里的大模型有那个我给你看一下,看它这里的大模型呢是由 jimmy 谷歌的,还有 kimi, 还有 gbt, 还有 deepsea, 就是 是目前最好的一些大模型 啊。这里完成之后就点击这个保存,保存之后我们再回来看这个就把之前的给删掉了,一般这个成功率还是挺高的。然后运行的话,我们点击这里的这个预览, 然后它会生成一个二维码,二维码我们用这个手机去扫描这个二维码, 呃,现在就是我们用这个手机去去扫描了这个二维码, 然后现在我们讲一下,就是用这个 print 的 软件和我们直接用那个 deepsea, 就是 这里这里有个就是和你直接用 deepsea 就是 它有什么区别? 我的我的理解是如果你直接用这个呃 deepsafe 的 话,它它只能生成一个单文本的, 就是你只能生成一个单个文本的,比如说你是一个单独的一个 python 的 文件,然后它代码量不大,就是小,比如说小于一千行,如果这样的话,其实你用这个 cmd 和用 deepsafe 其实没什么区别, 用 dbisc 它的,我觉得它的大冒险能力也是可以的。但是如果你是一个一个多文件的一个工程的话,比如说像这个小程序这样,它有十几个文件,这个时候你不可能把这个,把这个文件丢到 dbisc 里面,那个就是非常的麻烦,而且很容易出错。 另一个就是即使你是单文件的一个代码,如果你的代码量超过一千行,你用 deepsafe 做一些修改的时候,因为它必须要整行的去输出嘛,这个速度是非常慢的。 而且呃,如果它不整,不是呃整篇的输出的话,那它如果改里面的一些代码的话,你自己要去改的话,这容易出错嘛。 但是如果用翠的话,其实就是在本地直接把你的工程他直接去修改他需要修改的地方,这样的话就不太容易出错,所以的话用翠的效率会比那个要要高很多。

好,我们上一个版本已经可以实现这个目标,检测加标注,加这个前台的信息显示了,这个功能就已经比较完善了,但我们今天还可以给它加一个更为实用的功能,那就是免字库识别。好,我们来看这个免字库识别怎么去加啊? 这里我们可以先问一下 ai 啊,有哪些免字库识别的第三方库? 好,它这里给了我们很多答案呢,一个,两个、三个、四个,五个,六个、七个,然后它这里有建议啊,你看 如果需要开源方案,那他推荐这个 easy 和这个 pad, 这个 pad 就是 百达翡丽讲啊,我们现在讲过了,这个是我们的老朋友了,我们很熟悉这个,然后别的我们就没怎么用过,都很陌生。那然后这里有一个高精度识别,他也推荐这个 pad, 那 这个 pad 占了两个名额,既免费开源,又可以高精度识别,说明这个老朋友还很强了。 后面还有这个轻量级的,轻量级的就是啊,体积比较小啊。嗯, easy, 企业级的就是 google, 还有这个微软的啊, microsoft。 那 你可以根据你的实际情况来选择使用哪一种免税库识别的第三方库啊,首先我们肯定是用免费的啊,是吧,所以企业级的我们就不考虑啊。 然后如果你的计算机配置比较有限的话,那你可以优先考虑 easy 啊,因为它是轻量级的,轻量级就意味着它的体积不会很大,相对来说的话啊,触制化的话,速度应该比较快一点啊。 然后高精度的话就是百度飞讲啊,那高精度就意味着他的体量肯定比这个一直要大步数的话,说实话速度肯定是要慢一些,那我的这个计算机配置还可以啊,所以我还是考虑我们的老朋友啊,百度飞讲这个我们也比较熟悉一点,以前用过, 好来看我的这个新需求啊,帮我在现成控制的这个代码里面加入我们的百度飞翔,后面有个括号, gpu 版啊,因为百度飞翔有两个版本啊,一个是普通版,一个是 gpu 版。如果你的显卡还可以啊, 那么你可以尝试使用这个 gpu 版,它的速度会快一点,如果你的显卡不太行的话,你可以就使用它的普通版本,也还可以。 然后用这个百度分享啊,方便我通过一个函数识别指定屏幕坐标区域的文本内容,并且将识别的文本内容显示到调试信息窗口中,就是我们的前端的那个 ticking 啊,好,这里我为了确保内容的准确性啊,我使用了这个优化功能啊, 好,他这里并没有直接帮我们去安装这个百度飞翔的库啊,他这里只是把这个功能先集成进去了啊,我们先测试一下按 alt 加三,可以测试它的这个文美识别的功能, 这是我们的常规目标检测啊, alt 加三啊, 但是你看他闪了一下就没了啊,说明我们没有这个百度飞翔的功能啊,没有集成进去。 那我们就来让 ai 帮我们去把这个直接安装上去啊,先保留我们的代码,然后直接运行这个啊,我们要这个 gpu 版本啊,我们点这个运行 直接报错了啊,我们把这个错误给复制过去,没有顺利安装啊。 爱就一个字,我只说一次, 我们来看下说明啊,前面没有能够顺利安装是因为百伦飞翔啊,它与 python 的 三点一、四点二的版本不兼容啊,因为 python 有 很多版本啊,我们的第三方库有时候它没有及时更新的话,可能就会导致这个不兼容问题, 然后它这里给我们采用了替代方案,还是用了这个什么 easy ocr。 嗯,那我们来试试看啊, 快捷键是二加三啊。嗯,识别区域一百到五百,三百,也就是说大概是屏幕的左上角这块区域。差不多啊, 大致这块区域识别结果啊, get png 啊,还可以啊,自信度,这个零点三八比较低啊, 自信度就是它的这个准确度。好,下面终端这里出现了一段信息,我们把这段信息复制过去,问一下 ai, 我们再来试试看啊, 如果这个还不行就算了啊,因为这个不是什么严重的错误问题啊,他只是警告,警告很多时候是不影响我们的程序他本身执行的,所以说实在解决不了就无所谓了。 好,还是有啊,算了吧,就这样吧。然后这里还有一个提示啊,它告诉我们这个东西就是这个免置库识别功能啊,它也有这个 gpu 版本的第三方库啊, 所以我们可以让 ai 帮我们去使用这个 gpu 版本的。 好,他这里似乎没有去改动我们代码,只是重新安装了一下,我们的环境依赖,我们来试试看啊。 嗯, 它现在就没有这个提示使用 gpu 版本了,那应该我们用的就是 gpu 版本。好,我再给他提个新需求啊,帮我把二加三的识别功能整合进二加一,因为我不想按两次这个快捷键,一次就够了。 好,我们来试试看啊。 嗯, 有问题啊,怎么没有检测文本呢?好,我发现问题了,他这里不是这个一闪而过,他是这个文本检测的这个间隔太长了,有问题。还是这个间隔问题好,继续提需求, 帮我去掉二加三的快捷键,并且将所有影响程序执行间隔的数值都胜民主变量,方便我调整所有的执行间隔。 好,我们把这些间隔全部改短一点,看看会不会出现这个问题。 它文本识别间隔三秒一次。难怪,难怪刷新的这么尴尬,我还以为它这个出问题了,太慢了, 除了这个错误重试以外,我们都可以改快一点。 嗯,现在正常了啊。 嗯,没问题。 好,最后我让他给我一个开关,因为很多时候我们未必需要这个免智库识别。 免智库识别它还是需要占用我们一些这个系统内存的啊,所以很多时候如果你最有效率的话,那能不使用就不使用啊。 那我们一定要使用的话,我们就加个开关啊,让它来控制啊。就是你需要使用的时候,我们就要这个变量等于 true 来打开它啊,你不需要使用就把这个变量设为 false 啊, 就类似于我们这个前端的调试信息面板,对吧?我们可以用个开关来控制它的话,就比较方便啊,需要用就用啊,不需要用就不用。 好,他这里帮我们加了一个变量啊, use ocr, 他 这里默认等于 force, 就是 默认不使用这个完美识别啊,我们看一看, 嗯,然后就没有,对吧?没有这个完美识别。好,我马上停掉啊,然后再把它打开看看。 嗯,打开之后它这里会显示啊,初次化成功啊啊,你看打开就可以识别完美啊, 这里我直接复制下这块代码,然后粘贴过来它这里会把它浓缩成一块啊,方便我们去阅读,然后让它帮我声明一个变量,统一复制给这些变量啊,免得我一个个去改啊,就很麻烦是吧? 好了啊,它这里用了一个新的变量啊, default interval, 就是 默认的执行间隔,然后我通过这个调整啊,就可以直接去修改我们所有间隔了,除了这个错误的重试时间以外啊, 嗯,非常好啊,好,我们来看一看啊,最终的这个成品啊,那现在这个模板就已经非常的强大了啊,非常方便的啊,我们可以通过它来去识别目标啊,识别文本啊,这样就可以在这个基础上去做很多工作了啊。

挑战只用两分钟,从零到一学会 agent skills 二零二五年十月, andrew pig 公司提出 agent skills 概念。没错,它有一个大名鼎鼎的子公司 cloud code。 由于效果太炸裂, cursor、 tray codex 等 ai 编程工具纷纷宣布支持 agent skills。 由于 tray 在 国内无门槛,今天就实战 tray 怎样使用 skills。 假设你在辅导一名实习生,你去帮我写个文档,文档主题和格式是这样的,要注意 a, 还要注意 b, 每次写的时候都要重新说一遍。你换了一个会 skills 的 ai 小 助手,仅需给他一本操作手册,将主题和规则封装到一个 skill 的 文档中, ai 小 助手就会自动从 skill 中学习文档。写作的要求就是让 ai 永久性告别健忘症。通过加载不同的 skills, ai 可以 具备不同的专业知识、工具使用能力。如何在 tree 中运用 skills 呢?你可以去 getipe, 找到 anspec 官方写好的 skills, 点击扣按钮,点击 download, zip, 查看浏览器中下载文件的位置,解压到本地文件夹,可以看到 skills 文件夹中已经创建好的目录。打开 tray, 切换到 solo 模式,点击设置按钮,点击规则与技能,点击创建 skills, 选择 skill md 文件,修改技能名称为 word 大 师,感兴趣的同学可以学习指令中的内容。点击确认按钮, 在 solo coder 对 话框中输入指令。帮我用 word 大 师生成一份关于 a 股春季行情的调研报告, tray 就 开始使用 word 大 师 skills 开始干活了。调研报告像模像样,果真是打工人的福音。 打开 tray 的 solo 模式,只需要像平时一样对 ai 说帮我新建一个检查代码 bug 的 skill, tray 就 会自动帮你生成一个 skill, 特别适合新手。小白 切换到 solo 模式,点击设置图标,点击规则与技能,点击创建按钮,依次输入技能名称、描述和指令。简单的 skill 只需要描述清楚就可以运行,后续还可以慢慢加入具体的操作指令,怕你后面找不到,点关注不迷路, app 带你上高速!

好,我们在上一个版本啊,已经可以实现了。这个目标检测加这个图框绘制以及文本绘制啊,那我们来继续优化啊, 帮我声明一个变量,把所有现成的执行间隔都用这个变量来代替,方便我一次性修改所有现成的间隔时间。 好,他这里比我想的还要周到啊,我本来是想改我的现成执行间隔, 他这里把所有的执行间隔全都给我给列出来了,那我们这里调整一下工作,现成执行间隔我们要改快一点,还有这个图片检测的间隔, 透明窗体渲染时间间隔,我们也把它改的快一点。鼠标控制间隔错误重试,点击后延迟。这个东西在哪里啊?看一看。 哦,这是我们操作的间隔。嗯,可以快一点啊,可以快一点 错误重试这一般不会触发,它只会在异常的时候才会触发这个问题,这个可以不用改,我们别的可以改快点。 好,我们来启动一下,这里多说一句啊,就是我们每一次启动的时候,我们下面都会多一个终端,你看我们的右边啊,这一块我们不用的话,我们可以把它删掉啊, 那我们保留一个就可以了啊,这样我们的这个间隔就明显快了,是吧?好,我们来继续优化,看我的新需求, 我想检测多个目标,帮我声明一个数组,方便我把所有需要检测的目标对象的图片路径都存到该数组中啊,一次性检测所有目标,并且利用 arpa 文档 点拍摄,在所有目标周围会制矩形以及目标的名称,目标的坐标信息。 好,我们来测试一下,他这里把我的原图又覆盖了,我们已经习惯了,是吧?这不是第一次了,就这个毛病啊,那我们再来把这重新截三个图啊。 哎,没有问题啊,是吧,目标一二三,好全部保留啊。然后我发现一个问题啊,我的中指的快捷键好像失灵啊,就是二加二没有用啊, 那我只能开始不能停止啊,那有个 bug, 大家帮我改一改, 我的 r 加 r 快 捷键终止所有现场的功能失灵啊,帮我调整一下。 好,我们来试试看。 哎,没问题了啊,他把改好了,但是有出现了新的问题,这是我现在第一次运行是正常的啊,但是我停止之后 他就无法再次正常这个检测和停止了。你看我现在启动了, 然后启动了,但是,但是没有图框了,看见没有,我只能让他继续帮我去修改啊。 第一次运行一切正常,但是我按下 alt 加二停止后,再次按下 alt 加一程序,就无法正常设置目标的检测框和目标名称及资料信息了。帮我修复 好,我来试试看啊。 哎,这就对了嘛。嗯,这就对了,反复的开始跟停止都没有问题。

如何用锤写出自己想要的工具,实现工具自由?这是我写的一个用来自动清理电脑运行内存的一个小工具,因为每次电脑运行多个程序的时候,运行内存总是很快就会占满,所以我做了这么一个小工具,用来自动清理电脑的运行内存,不用再频繁的点击那个加速小球。 我做的这个工具主要有两个功能,一个是设置一个时间,到时间他就会自动清理内存,还有一个就是设置一个值,达到这个值他就会清理内存。接下来我演示一下如何用锤写一个类似的小工具。 首先我们需要在电脑上创建一个空白的文件夹,然后打开软件之后点击打开文件夹,然后找到你创建文件夹的地方,点击一下这个文件夹,选择这个文件夹就可以了,选择之后他就会打开这个文件夹,然后打开文件夹之后,我们把我们的需求发给他,发这个需求的时候一定要带上这个字,不然的话他写的脚本是没有界面的。 如果你对自己写的贴纸字不满意,这有一个优化输入内容的一个按钮,我们也可以让他优化一下输入的内容,只要点一下,他就可以帮我们自动优化, 很支持他优化好的一个输入内容,优化了也不满意,这还可以撤销优化,因为优化之后他需要写的东西比较多,所以我就不让他优化了,直接撤回,让他用这个地球简单的写一个,然后发送给他就可以了,等待一段时间他就会帮我们写好这个脚本, 现在他已经创建好了,创建了好之后一般他会自动帮我们启动这个脚本,如果生成好之后,他没帮我们运行,我们只需要点击一下这个代码的这个文件,然后点击一下这个三角符号,就可以启动这个脚本了。 哎,这是启动之后的界面,这就写好了,写好之后我们需要测试一下这个脚本能不能用,可以设置时间,然后也可以自动设置一个内容,我们就需要手动告诉他, 然后把问题发给他,他帮我们去判断一下是什么问题,等他改好之后,我们再次启动程序,我们再点击立即清理,再试一下,然后试完之后你会发现他还是没有清理内存,然后我们再次把这个问题抛给他,不是这个问题 发给他,然后我们再次启动脚本,然后再试一下。啊,现在已经可以清理了,就说明这个脚本已经写好了。

好,我们截止到目前的版本已经可以对我们的区域文本进行一个识别啊,然后目标识别啊,然后标注。那我们来继续优化啊,我们把这个文本识别的这个区域啊,也用方框把它给框出来了。好,我们来看一下这个代码, 我们会制我们的这个标注的图框啊,还有这个目标的信息啊,坐标啊,这些功能,它是在这个函数里面实现的,就 targetbox, 那 我们要利用它来完善我们的 文本区的显示的话,我们就要改这个函数啊,我们让 ai 帮我们改,把这个函数直接给复制过去。好,来看我的这个需求啊, 帮我修改一个函数啊, draw target box, 我 希望它可以同时在用绿色的矩形框绘至 e, z, o, c, r 的 检测区域,并在矩形框的上方显示文本识别加区域的这个识别坐标啊,好,我们优化一下,以免有误会啊。 嗯,它帮我优化之后啊,应该没什么问题。 嗯,好,他现在就把这个文本识别的区域也给我框出来了,这样我们就知道我们的这个代码他在识别哪个区域的文本啊,对吧?非常好啊, 开关都没有问题的。好,我们保留代码,然后我们来优化一下我们的这个识别的目标路径啊, 我们现在用的路径是绝对路径啊,我们把它改成一个相对路径,打开我们的项目文件夹啊,然后在里面新建一个文件夹叫 r e, s, 这是 resource, 我 们把这些文件啊,把它给拖进去。好,我们继续来提要求啊, 帮我把目标检测的绝对路径修改为相对路径,相对路径为该项目文件夹的 resource 杠。 好,我优化之后,它的这个文本比我之前的就更加的全面和严谨了啊,我们可以看一看啊,应该是没问题的。 好,这个时候我用的是相对路径的话,就应该不需要这个桌面的图片了啊,把它删掉。好,我们启动。哎,没有问题啊,我们使用相对路径一样可以识别,那说明这个路径修改的没错啊。 好,接下来啊,我们让 ai 把我们这个项目当中啊,所有使用到了这些依赖的第三方库啊,把它整理为一个 txt 文本,方便我将来在其他设备中使用其直接安装环境依赖啊。 嗯,没问题啊, 好,我们看一看 requirements 啊,就这些啊,这是我们这个项目安装的第三方的库啊, 这个依赖文件它是方便于我们在其他的电脑上面去部署我们的这个开发环境的。好,我们来找到我们的这个项目文件,我们把整个项目文件先把它打包一份, 这样是为了做备份啊,以防万一啊,以免我们的 ai 操作失误,把文件搞破坏了啊,我们这里再给他提要求啊, 我让他帮我去把我们资源管理器里面啊无关的一些测试文件啊,把它给删掉啊,因为你看我们的这个 ai 啊,一路跑过来的话,有很多的测试的文件啊, test, 嗯,优化之后啊,这个应该是没问题啊, 好, ai 的 这里还是偏保守啊,它只删除了两个文件,并且删除文件的时候我们需要手动的操作一下,以免这个误删啊,然后我们这里实际上运行的话,我认为啊,应该是可以把所有的 test 开头了啊,全部把它删除了, 我们可以尝试一下啊,反正我们先做到备份的,对吧?有备份的话就无所谓啊,可以尝试一下我们把 tess 来开头了啊,都把它给删掉, 好我们再来执行啊。 嗯啊,没问题啊, ai 设置文件确实是可以删掉啊,没问题。嗯,那我刚才问 ai 他 为什么没有给我直接删除了?因为我们每次给 ai 提问啊,它是需要进行一个内部的测试的啊, 他那些测试文件是他的一个测试的记录啊,虽然我们的项目本身呢,他不依赖于那些测试文件运行,但是我们的 ai 啊,他去每次重新去写代码的时候,他是需要那些测试文件作为参考的。 所以其实我不太建议我们直接把它给删除掉啊,不过我们有备份对吧?所以就无所谓啊,我们可以重新把它解压出来,全部全是先把它关掉吧。 嗯, 好,那整个的这个模板呢,我们就到这里为止了啊,我们将来开发的话就基于这个模板去开发,如果你是在其他的非 ai 编程环境里面去使用的话,我们就不需要那些 test 的 文件啊,但是我们将来肯定还是在这个 tree 里面去用啊, 所以这些这个特色文件呢,我就不把它删除了,然后整个的这个压缩包我会把它分享到网盘里面去啊,你有兴趣的话可以把它下载之后啊,把它给放到这个圈里面去。那将来我如果想要用它去开发其他的项目的话,打个比方说我这里新建一个项目文件夹, 然后把里面的代码全都给解压说出来。 这个 mygame 啊,就是我的一个新的项目文件啊,我们可以把这个项目文件的名称改成我们的具体的名称啊,那这里我们只需要在我们的群里面重新打开这个项目环境就可以了。比如说我打开这个文件夹,我选择 mygame。 好,你看这个时候它会开启一个新的这个编辑器啊,我们把这个之前的 hello world 给关掉啊,我们在这个 mygame 里面也可以去运行它。 好,然后它这里会问你啊,就是是否需要创建一个虚拟的 python 的 环境啊,这样以保证我们的项目的 环境他是相互隔离的啊。但是我这里由于主要是做脚本开发啊,我整体脚本大差不差都是需要相同的这些环境的,所以我对我自己来说的话,是没有必要做这个环境隔离的。但是你可以考虑一下,如果你的 项目种类非常多啊,每个项目之间的环境一旦是互不相干的啊,你想保持一个相对独立的环境,你可以去点一下这个确定啊。

哈喽啊, chu 友们,这个和这个是我用 solo 加同一段 prom 做出的头像生成器网页,我们对比一下,看一看是不是右边的这个整个 ui 上看着更精致更高级。其实做它俩时的唯一区别就是我在开发右边这个网页的时候加了 skills。 是 的, chu 现在已经支持 skills 了。 skills 是 基于高标准的重复工作沉淀的可复用技能包,可以持续稳定地按照你的要求输出高质量的产物。 那么如何在 tree 里创建 skills 呢?有两种方式,第一种,直接在对话中描述你的需求,比如我这里对 ai 说创建一份能审查我的代码效果问题的 skill, 你 看 ai 会直接帮我写一个 markdown 文档,然后放在 tree skills 下面的对应文件夹中。第二种,从设置中创建, 点击设置按钮,进入规则和技能页面,在技能模块处点击创建。这里你可以直接导入现成的 skill 文件进行智能解析。因为 tree skills 是 基于开放的 agent skills 标准构建的,完全兼容社区生态。 当然,你也可以手动输入技能名称描述和指令,添加更符合你需求的工作流及工具调用。现在我添加好了一个前端设计的 skill, 我们在做图像生成器的时候就可以用到它了。你看在 ai 对 话流中可以看到它自动调用了这个前端设计 skill。 如果你的任务比较复杂或者需要持续稳定输出的时候,你也可以在 prompt 中明确告诉 ai 要用哪个 skill, 这样你就可以更精准的控制输出结果了。就像这个网页前端设计的优化一样, 使用 skills 是 可以帮你稳定地按照你的标准输出高质量结果的。除此之外呢,还可以自动化你的重复性工作流,甚至成为专业能力规范知识进行沉淀和分享的方式。所以快去吹 solo 中试试吧!中国版和国际版都有哦!

最近 agent skill 这个词在 ai 圈,尤其是在 ai 编程圈子里面特别火,它最早是由 cloud code 的 母公司 ansorepic 在 二零二五年十月份提出来的,因为效果太惊艳,现在各大顶尖 ai 编程工具,比如说 cursor codex, anti gravity 以及字节推出的 tree 都在第一时间进行了适配。由于 tree 对 国内小伙伴没有什么使用门槛, 而且它非常全能,能够兼容几乎所有的大模型,尤其是它上手极快,支持一句话,创建技能。所以本期视频我就以 tree 为例,给大家做一个详细的讲解,包括 skill 到底是什么,怎样在 tree 中创建 skill, 以及我们普通人可以用 skill 来做什么具体的事情。最后还有跟大家推荐一些非常好用的 skill。 首先跟大家讲一下这个 skill 到底是个啥?举个通俗易懂的例子,假如你把 ai 当做你刚招的 skill 到底是个啥?举个通俗易懂的例子,假如你把 ai 把写文章的 prompt, 也 就是具体要求和注意事项强调一遍,而使用了 skill 之后,你就可以把写文章的规则要求封装到一个 markdown 文档里面,你只需要告诉他写什么主题, ai 就 可以自动从 skill 中获取文章写作的要求。所以说 skill 要解决的核心问题就是让 ai 彻底告别间歇性失忆。有了 skill, 就 像是给 ai 装了记忆,你只需要告诉他想做什么,他 就能够自动调取写好的技能包,按照你的流程瞬间搞定。那这本给 ai 准备的操作手册在电脑里面长什么样子呢?其实它本质上就是一个普通的文件夹 里面最核心也是唯一必须的文件叫做 skill 点 m d, 你 可以把它理解成这本手册的核心,大脑里面清清楚楚的写的这个技能叫什么,什么时候触发,以及具体的执行步骤。如果你想让这个实习生表现的更加专业,你还可以往文件夹里面塞几个附件包,比如说在 examples 文件夹里面放几篇满分范文给 ai 参考,或 或者是在 resources 文件夹里面放一些复杂的背景资料和自动化脚本。所以 skill 的 结构其实非常简单透明,它就是把你的经验打造成了一个标准的知识包,只要把这个文件夹交给 ai, 它就能够瞬间读起并掌握这项新技能。那怎样在翠中创建 skill 呢?主要有三种方式。 一种方法最为简单,就是直接白嫖其他人分享的 skill 技能,你可以去 github 找到各种大牛写好的 skill, 把包含 skill 点 m d 的 整个文件夹下载到本地,然后在 tree 的 设置里点击规则和技能,选择创建并导入文件夹就可以了。第二种方式是对话式创建,也最适合小白用户。首先打开 tree 的 solo 模式, 然后你只需要像平时聊天一样对翠说,帮我创建一个检查代码性能的 skill, 真的 只需要一句话,翠就能够自动理解你的需求,帮你把名称、描述和指令瞬间生成好。 而且最方便的是,翠的内部就集成了很多非常专业的技能模板,我们直接调用就可以了,完全不需要再额外下载或者是配置任何复杂的环境。第三种方式适合动手能力强的小伙伴,那就是手动创建,直接在标准的 markdown 模板里面填写技能名称、出发条件和详细的操作步骤。 简单的 skill 其实只需要名字和描述就能够跑起来,复杂的流程还可以慢慢的往里面加具体的执行指令。无论你是直接导还是想自己写,核心都是为了给这个实习生立规矩,让他彻底变成最懂你工作习惯的专业助理。 学会了创建,那创建好的 skill 到底该怎么用呢?有两种姿势,第一种叫做显性调用,也就是点将法,当你想要精准控制输出结果时,直接告诉翠用哪个技能,比如说用 用周报大师帮我整理一下工作,或者用小红书分身写一个文案,这时候翠就像接到命令的专家,严格按照你设定的流程干活。第二种更高级,叫隐性调用,你只要在创建时把什么时候用写清楚,比如 skill 的 出发条件是用户要求写复盘,那下次你随口问一句,看看我这周表现怎么样, 就能够自动识别并瞬间激活,这个技能完全不需要你指定。虽然 skill 是 ai 编程工具中的功能,但它的应用场景远不止写代码。对咱们普通打工人来说,只要你的工作有规律有模板,它就是你翻倍提效的秘密武器。 比如说你可以用来做下面几种事情,第一个是职场提效,写周报复盘,再也不用发愁建个周报大师技能,把模板和语气存进去以后,随手甩一段白话总结,翠就能够秒出一份专业报告。 面对几十页的 pdf 或者是乱码表格,你不需要记住任何复杂公式,调用数据分析技能,它就能够自动完成清洗和分析,直接给出你要的答案。第三个是标准化创作,不管是小红书的爆款逻辑,还是回邮件的固定语气, 都能把要求通通打包,以后每次调用的效果都像你亲手写的一样稳。说白了,这就是把经验变成自动驾驶,只要你想把专业知识沉淀下来,它就是你最强的全自动助理。 最后跟大家分享几个可以找到优质 skill 的 地方。首先要推荐的就是 osropic 官方维护的这个 skill 开源项目,目前已经收获了四万五千多个 star, 这里面的 skill 覆盖了非常多的类型,比如创意设计类、开发技术类、企业沟通类,以及最实用的文档生产类, word、 ppt、 excel、 pdf 这一整套全部都给你安排上了。 其次再跟大家分享一个专注分享 skill 技能的导航网站,该网站目前已经收入了七万多个实用技能,它把公开的 skill 做了搜索和分类,量非常大,适合找冷门场景。

好,我们现在看这个 tree 啊,我们上一个代码已经可以让它去识别我们的目标了啊,好,这里名字改一下,这个是输出的名字啊, 然后我让他帮我优化代码。这里啊,看我们的新需求,帮我优化代码,把我的快捷键改成组合键,并且合并功能,把一和 s 的 功能合并为二加二。 因为我们之前的启动很麻烦啊,我们要先按一,再按 h, 那 这里我们简单一点,直接一个组合键二加一搞定啊。 好,这里帮我改好了,并且程序已经启动了,我来按一下二加一试试看,那没有问题啊, h, 再按,并且我的这个鼠标也过去了。 好,现成停止也没有问题啊,那这个时候我们就可以点这个保留啊。好,我们之前在讲 python 的 时候 讲过这个如何利用一个透明窗体进行一个目标识别的标记啊,然后在我们的笔记里面有这个源码,可以下载这个, 我们把这个源码把它下载下来啊,叫 alpha window, 就是 透明窗体,我们把这个源码贴到我们的 tree 的 项目文件里面去, 我们可以看到这个项目文件夹,这里就多了一个 alpha window 啊,点 python, 隔三差五的就有小伙伴要我帮他去看源代码。 看源码这个活不是给人干的啊,是给 ai 干的啊,以后你们别让我看源代码,直接会给 ai 看,他会帮你看。好了, 那这里我们就可以利用 ai 来让他帮我去阅读这个源代码,并且把它利用起来。好,这里我来给他一个新的需求啊,我想在现成控制的代码中,利用 alpha window 生成一个一九二零乘以一零八零的透明窗体, 并且在该透明窗体中把检测的目标图像用红色的方框标记出来。那这里我害怕 ai 不 能够完全理解我的意思啊,我点一下这个优化输入内容啊, 好,我优化之后啊,我们可以看一下它的这个新的这个语言就非常的准确了,应该是没有问题的。好,那我们来启动。 好,他这里已经把这个代码给我们改完了,我们可以看一看有没有问题 哦,他这个把他把我的 tab 给它覆盖了啊,呵, 好,我们来启动啊, 哎,没有问题啊,没有问题,这个图框把它绘出来了啊,我们这里把这个键盘的按键和鼠标的这个点击把它给去掉啊,先把它去掉这个鼠标和键盘操作啊,因为 没有必要啊,因为我们已经确定他没有问题了,对吧?这是在我们找到目标之后啊,可以对他进行了一个操作逻辑的设计啊,如果你要对他进行操作的话,可以在这里写逻辑啊,那这里我们不需要对他进行一个确切的操作啊,所以我们可以先注册了啊。 好,我们来继续优化啊,我希望在会制的方框的上方啊,用文字显示我检测的目标的名称,帮我加上这个功能啊。 falling in love with her is that like you freak no, no, i think it's i think anybody falls in love is a freak it's a crazy thing to do。 好, 我们再来试试看啊,哎,看见没有,现在有名字叫对吧啊?目标,好,我们继续啊, 再帮我把显示的名称后面加上目标的坐标信息啊,我们要一点点往上它啊。 好,我们来测试啊。哎,目标啊,后面还有坐标信息,看见没有?非常完美啊。

在脆中如何打包?我们写好的程序其实很简单,只需要我们给他发送一个打包指令,他就会自动去打包我们的程序。脆中打包一般用的两种方式打包,一个是拍音斯特了进行打包,一个是 newton 卡进行打包,我们给他发送指令之后,他默认是使用拍音斯特了这个库进行去打包, 用这个库去打包的话,打包出来的包体积会比较大一点,所以我一般会用到这个 newton 卡去打包的话,打包出来的包体积会比较大一点,所以我一般会用到这个明确的指令让他去打包才行。就比如我这个 我给他发送了一个明确的指令,发送之后他就会用你指定的那个工具进行去打包,这个工具打包出来的体积一般会比较小一点,这是两个打包好的同一个程序进行做对比,一个是三十四兆,一个是十三兆。

相较于像 cursor, anti gravity, 甚至 kynda 还有其他的一些 ide 编程工具的话呢, chris 国内版确实是弱了一些,但是人家不收费啊,而且这半年进化还是蛮快的,整合了像,呃, g m 四点七啊, mini max 二点一啊,甚至呢,还增加了这个 solo 的 solo 模式。 所以整体来说,翠开发一些中小型的应用是足够的。有一些朋友说,翠呢,刚开始是正常的,然后呢,越改越乱,改到最后项目都被废掉了。 呃,实际上这里边呢,其实多方面的原因啊,我总结,比如说你有没有配置智能体啊?呃,再一个,比如说,你 打假如需要云端开发环境,甚至对数据库与函数进行配置的时候,你有没有去配置这个 m c p 啊?还有就是像我们的一些个人规则和项目规则,你有没有去制定啊? 那这些都是约束呃, ai 在 开发过程当中的一些原则性问题的,它能够有效地改善你的开发错误率,甚至呢,现在我们还可以给它创建这个 skill, 就是 能够节省你的 talk 使用量,甚至让整个开发的效率更高。 翠的国内版的这个 solo 模式其实挺好用的,比如说你已经开发完的一个项目,那么你可以给他制定若干个任务,比如说对页面的一个优化呀, 对数据结构的优化呀,甚至包括对其他的一些体验感的一个优化呀,甚至包括 api 接口的一个调试啊,通过通过它都可以完成。而且呢, solo 模式在这里是可以同时调用好多个智能体来联动的,效果非常好。 总之啊,翠目前是不收费的,相较于其他的动不动一个月二十甚至六十美金的一些 id 工具来说,我认为他满足一些中小型的应用开发已经足够了。 那像网上有一些人一个月交二十美金,甚至说是五十美金,你用完之后你会发现一个问题,就是你的使用量会超的,那超了之后怎么办呢?其实你还是要继续交费, 如果是公司付费的一些项目呢?当然没有问题啊。如果是对个人来说,在你没有接到一些收费比较高的项目,或者说没有项目的情况下,仅仅是学习阶段的时候,每个月付几十上百美金其实没什么必要。 这个界面呢,是 pixel 制作完的一个 ui 界面,我转译过来的,然后我们现在给吹一段提示词,看它 优化的结果如何。然后在这里大模型呢,我选择这个 auto, 因为这里边其实你看有 g m 四点七和 mini max 二点一,都是在全球排名比较靠前的一些大模型了, 很快它就完成了这个修复。啊,那我们现在重新点击一下这个编辑,你看 整个页面的布局和细节,他都做了一些调整,甚至包括按钮的位置都给你重新的排放了,然后这里的调用地图也也完整的解决了。所以 我不知道为什么很多人说用这个翠感觉很不爽我,反正我开发很多项目,我觉得还可以,确实是效率上要比其他的一些国外的这个 id 工具确实差了一些,但是总体上满足一些日常的小项目的需求来说是绰绰有余了。 在视频的最后呢,回答上一期视频粉丝们比较关心的一个技术问题就是如何把在 pixel 里边设计好的一个 ui 界面导入到项目里面进行开发。 首先一点呢,我是建议啊,大家在这里选择 react 模式,而不是选择 html, 因为 react 生成的这个界面的结果它是加了交互的。 生成完成之后呢,我们在预览这个界面啊,实际上还有一个代码模式啊,然后在代码模式的这个位置有一个下载按钮,我们登录, 登录完之后呢,我们要把这个下载下来的文件包解压,解压之后呢,把它导入到这个项目的根目录下, 然后呢,我们把这个文件夹直接的拖动到这个对话框当中,然后再给他写一段提示词啊,当然你后面还可以要求他的风格,比如说 td design 啊,或者说微信小程序的一些原声的一些规范要求啊等等。 这样的话呢,你再去点执行它最后生成出来的可运行的这个交互界面呢,离你设计的界面来说大概有百分之八十到九十的一个接近度。 然后你再去网上找一些 icon, 然后替换掉页面中缺失的一些图标,甚至包括一些颜色的搭配。 呃,用不了多长时间就可以把整个页面的构建工作给完成了,这是我在 pixel 设计的,然后这是在 那个 tree 里面生成的啊,其实除了我自己添加的一些修改之外,本质上没有什么太大的一个区别。好,这一期视频就是这些问题,然后有任何的建议想法需要交流的都可以在评论区留言。