AI助你轻松截图、录制动画、批量制图？

打破信息壁垒，走近全球前端。Hello World 大家好，我是林语冰。

在技术分享的圈子里我们都渴望产出精美的代码截图或炫酷的终端 GIF 动画。虽然市面上有很多在线工具、VS Code 插件和录屏 App，但面对高频的需求的需求时往往会发现它们不够智能、不够高效。

你是否也被这些低效操作所困扰？

在实际执行过程中。我曾被以下几个痛点折磨得深夜：

• 体力活过重： 手动作图需要反复复制、粘贴、切换插件，逐个点击生成，这种机械的重复劳动极度浪费时间。
• 录制流程繁琐： 使用录屏软件录制终端动画时需要反复调整参数、环境，操作复杂且容易出错。老实说，
• 缺乏灵活性： 很多工具绑定在本地电脑。无法在碎片化时间里快速响应并批量处理任务。

为了解决这些问题。我尝试使用 Trae Solo 移动端与桌面应用只需聊天或语音输入，就能遥控 AI 实现批量制图和流程自动化。其实，这种方式不仅符合人体工程学，更让效率质质飞跃。按理说，

👉 编程式代码截图：告别手动点击

GitHub 上有许多强大的代码截图库。

在 Trae 官网下载 Trae Solo 移动端和桌面应用。说起来，这样做有两个主要优势：

1. 高度自动化： 通过 AI 执行脚本。这种方案可以作为子流程集成，配置一次反复利用。
2. 打破空间限制： 移动端可以让你远程遥控电脑共享操作，充分压榨硬件的灵活性和算力。不过，

接着。使用 npm 安装工具库。如果你不确定安装命令，可以直接委托 Trae 联网搜索帮你完成。其实，在 Trae 移动端对话框输入：“使用 npm 帮我在本地文件夹安装 snipgrapher 第三方库”

代码截图工具通常支持高度自定义。 我偏好吸血鬼主题和 JetBrains 等宽字体，配置如下：

{
"me"的观点是，"dracula","format": "svg"。"fontFamily": "JetBrains Mono","fontSize": 14,"lineNumbers": true
}

配置完成后即可测试效果。以 JS Stage3 的 import defer为例：

// defer.js
console.log;export const value =;// main.js
// 导入模块，代码不执行
import defer * as deferred from "./deferred.js";console.log，怎么说呢，// => "：模块先导入。但延迟执行"
console.log;话说回来，// 执行顺序： -> ->

让 Trae 在移动端执行 CLI 脚本截图。如果结果不满意，只需调整配置并重新运行，直到完美符合你的审美。

👉 AI 自动化批量制图：效率翻倍的关键

解决了单张截图问题后真正的大杀锏是 批量化自动化。在 Trae 对话框中直接下达任务，找到目标文件。让 AI 识别其中的代码块并执行批量截图。

⚠️ 避坑教程：我踩过的教训是最好给不同任务赋予不同的编号，防止生成的图片发生相互覆盖。

这样，我们彻底告别了机械的手动截图。在保证高质量输出的同时极大提高了写文章效率。

👉 AI 录制终端 gif：让代码动起来

一样的逻辑也适用于 GIF 动图生成。只要 GitHub 上对应的工具，就能无缝迁移。这里以 asciinema 为例：

让 Trae 全局安装 asciinema。安装完成后让 Trae 尝试录制你的终端操作。但由于 asciinema 不直接生成动图，需要借助官方插件 agg 来实现。

让 Trae 下载 agg 后通过脚本命令将录制文件转换为 GIF，整个流程一气呵成。

👇

AI 时代。我们不需要重复劳动，而是要学会如何编排工具流。通过 Trae，可以把原本繁琐的截图、录制任务从手中解放出来把精力留给更有价值的思考上。