AI编程

今天分享：使用ai工具的时候，如何节省token。 文章以 remotion 工具为例，进行讲解。 这个节省token方法的核心理念 —— 通过加载配置项或者读取文件目录的方式，动态地获取素材，避免更换素材之后，依然借助ai产出内容，进而引起token的浪费。 请看下面的案例。 图片铺满效果 提示词如下： 请用remotion框架，实现一个视频效果： 1、项目中有一个 public/images 文件夹，它是图片库，里面有多张图片（jpg、png等格式），它们尺寸不相同。你需要读取这个目录，遍历一下图片的数量，并把图片放在画布上。 2、图片的位置随机地散落在画面上，角度也是随机倾斜的。要保证随机性，每次启动工作台的时候，图片的位置都是不相同的。 3、视频中，这些图片从小到大出现，有弹出来那种感觉，然后，会很有弹性的晃动一下。 4、画面上展示的图片，请按照图片的原尺寸，进行适当缩小，放在画面上。 按照上述提示词生成的remotion代码，会优先加载images文件夹中的图片。 即便更换图片、增删图片，也没有关系。 remotion工作台启动的时候，会重新加载images文件夹中的图片。 这样就不会因调整素材而重复使用ai，达到节省token的目的。 进度条 提示词如下： 请帮我实现一个进度条效果。 配色：深蓝色科技感。 章节名称放在对应进度的上方。 进度条上，不同的章节，有分隔线隔开。 请创建一个ini文件，我会把进度条的时间，放在这个配置文件中，配置文件中会给出帧率、章节标题、起始时间（分:秒），结束时间(分:秒)格式如下： fps=30 [chapters] 1=开场介绍,00:00,00:35 2=主要话题,00:35,00:47 3=详细说明,00:47,01:28 4=总结,01:28,01:50 按照上述提示词生成的remotion代码，会先读取ini文件中的内容。 根据具体配置，例如：篇章标题、起始时间、终止时间……动态地制作出进度条效果。 避免每次制作新的进度条，仍需要问ai的不利情况，节省token的使用。 开源链接 以上视频效果，已开源至 github 平台。请点击项目链接，自行浏览。 以上就是本期分享，可以根据自身需求，并参考一下提示词的写法，写出自己想要的提示词。

谷歌云平台有个应用构建器的功能，这个工具真的是太强大了。 简直是 vibe coding 的天花板。 1、谷歌云注册 首先打开谷歌云官网，我们可以看到这里个提示。 每个新注册的谷歌云账号，都可以获得300美元赠金。 接下来点击登录，用谷歌的gmail邮箱，注册谷歌云。 注册成功之后，你就可以使用谷歌云的300美元赠金。 因为我的邮箱已经申请过了，所以，没办法演示了。 建议大家搜索一下“谷歌云注册”关键字，你可以搜到一大把相关的文章或视频。 2、应用构建器界面 打开谷歌云官网，找到 agent platform/studio/应用构建器，进入到应用构建器的页面。 下面的输入框，是跟ai对话的入口。 3、vibe coding 应用 （请查看视频演示：视频链接） 我在输入框里输入我的需求，让它帮我生成一个童话故事生成器。 稍等片刻，它就搞定了。 你可以在点击预览，在这里体验一下这个应用。 右上角这里是保存按钮，点击之后，你跟ai的对话就会保存，否则，关闭页面之后，这段对话就消失了。 代码这里就是ai帮你实现的代码，你可以看到项目的源代码。 右侧这里有个下载入口，点击之后，可以将整个项目的源代码下载下来。 4、应用部署 （请查看视频演示：视频链接） 点击小火箭就可以部署。 为了方便所有人都可以访问，我们这里的权限都选择公开。 点击这里的open，就可以打开应用，或者，在小火箭这里打开应用也可以。 如果，你希望其他人品尝一下你的劳动成果，你可以把链接丢给其他人访问。 另外，这个链接在手机端也可以打开。 假如，我用的时候，有bug了怎么办？ 这个问题很好解决，你把问题告诉ai让它帮你解决。 之后，你点击小火箭这里的管理应用，然后点击更新应用就可以了。 5、绑定域名 （请查看视频演示：视频链接） 绑定域名首先你要有一个域名，大家可以在 Cloudflare、NameSilo、GoDaddy、阿里云、腾讯云等平台购买一个域名。 假如说，你已经拥有域名了。 你在谷歌云的导航栏这里，点击Cloud Run，接下来找这个网域映射。然后，添加映射。 请注意，这里应用的ID一定要跟你想要绑定域名的那个应用的ID，保持一致。 接下来，把域名丢进去，然后，给这个域名，添加一个子域名的字段。 接下来我们打开域名平台，我这里用的是CloudFlare。 我们选择domain，选择绑定的那个域名，选择dns，records，然后，点击右上角的 add record。 接下来，我们参照谷歌云给的提示，type、name、target 均保持一致。 其它选项保持默认即可。 点击save。 回到谷歌云，点击完成。 稍等片刻，这个域名就绑定成功了。 6、新的风暴 （请查看视频演示：视频链接） 你通过绑定的域名，直接使用这个应用的时候，就会出现error。 究其原因，是因为你的应用是部署在谷歌云平台上面。 谷歌云平台又会调用 gemini 模型。 因此，我们想要使用带有ai功能的应用时，必须要在 url 中携带 key 才能使用成功。 ...

我 vibe coding 了4个应用。 从项目梳理到上线，花了4天时间。 这些应用，具备如下优势： 1、调用ai服务。这四个应用中，有三个在后台调用了ai大模型。 2、多端均可使用。pc端，手机端都可以用。 3、成本低。开发免费，部署免费，上线免费，使用免费，无需注册appstore或者其它开发平台。 第一个应用 —— AI 智能旅游规划师 点击体验 我可以输入目的地、旅行时间、预算以及个人偏好。 这个应用就会根据我的需求，生成一份旅游规划。 无需注册，也不需要购买什么token。点开就能用。 在手机端，你同样也可以使用。两个终端的体验是一模一样的。 第二个应用 —— AI 热量计算器 点击体验 我随手拍下一个食物，把这张照片给到应用。 点击分析，它就可以帮我分析出来这个食物的热量是多少。 在电脑端、手机端都可以使用。两个终端的体验是一模一样的。 第三个应用 —— 童话故事机 点击体验 这个应用非常适合宝爸宝妈使用。 它是专门用来生成童话故事的。 你可以将童话故事的需求，放在输入框里。然后，放入一张图片。 它可以根据你的需求和图片，生成一个童话故事。 生成的故事，这里有个播放按钮，点击之后，它会把这段故事念出来。 第四个应用 —— 在线提词器 点击体验 你可以把文案放到输入框里面。 点击播放，就可以全屏滚动播出了。 按住空格或者鼠标左键，可以暂停播放。 可以调节文字的大小。 可以调节播放的速度。 转动鼠标滚动轴，可以调整播放的进度。 感谢阅读！