之之小侠

👨‍💻 软件工程师
🤖 AI 探索者
🧠 学习·构建·分享

[之之小侠 @frankguodev]

https://t.co/7epV5Thvlm

[之之小侠 @frankguodev]

提交了申诉，看能否解封？

[之之小侠 @frankguodev]

笑死😂，CC的封控这么严，订阅用了还不到一个月就给封了。不知道复审能不能给解封。

[之之小侠 @frankguodev]

CC 刚刚用不了。等一会看看。

[之之小侠 @frankguodev]

CC 额度重置了，它现在也开始学习Codex，偶尔重置额度，给个小惊喜吗？

[之之小侠 @frankguodev]

之之客栈今天歇业。店内，店小二和鲁班传人的保镖坐在一张桌旁，把酒言欢。

鲁班传人保镖笑道：“小二哥，前几天你给的 skills 真好用。现在我老大的 Agent 拥有了很多技能，琴棋书画、炒饭做菜样样都会。但有个问题出现了，这也是我今天来找你的原因。”

店小二问：“什么问题？”

鲁班传人保镖原本高兴的脸上多了几分惆怅，随后开口道：“现在 Agent 干的事多了，需要接的数据也就多了。可连接各种数据源太��烦，每种数据源都要单独适配。单单这一点，就已经让我们忙得有点头大。所以我过来问问，你老板有没有什么好办法？”

店小二喝了一口茶，开口道：“不瞒你说，还真有办法。我也不跟你绕弯子，谁让你老大是我老板的朋友呢。要是换了别人，我铁定要收他几两银子。”

店小二顿了顿，继续说道：“其实有个东西叫 MCP，全称是 Model Context Protocol。它是一种开放标准，用统一方式让 AI 应用连接外部数据源、工具和工作流。比如文件、数据库、API、搜索工具、内部系统，都可以通过 MCP server 暴露出来，让 Agent 作为 MCP client 去调用。你老大的 Agent 现在技能多、要接的数据源也多，正适合用它来减少一堆重复适配。”

鲁班传人保镖摸了摸头，有��懵，摇了摇头：“不太懂！”

店小二笑道：“这么跟你说吧，你可以把 MCP 想象成 AI 应用世界里的 USB-C 接口：一种统一的连接方式。以前每接一个系统，都要单独打一套接口；有了 MCP，只要双方都按这个协议来，Agent 就能更方便地接入各种工具和数据源。”

鲁班传人保镖：“哦~~，我还是没懂。不过我记忆好，这就回去给我老大说，他肯定秒懂。”

[之之小侠 @frankguodev]

@tinyfool 哦哦。

[之之小侠 @frankguodev]

@tinyfool 优惠码，我先存起来😂。等有安卓版本了，体验体验。

[向阳乔木 @vista8]

一个轻量快速的RSS免费客户端，还支持用自己的API key做 AI总结、问答。

感觉Papr是个不错的项目，地址和安装见评论区。

[宝玉 @dotey]

baoyu-design skill 可以在本地生成动画视频，导出 mp4 格式，就像附件视频这个。

Claude Design 网页版可以用提示词创建动画视频，但你需要在网页上才能看到视频，无法下载。也有人基于第三方插件录屏软件实现过，不过很麻烦，效果也不是很好。

在这套 Skill 基础上，我已经实现了直接把动画导出成 mp4 视频的能力。

生成动画和导出视频，其实原理差不多，就是每一帧画面，都是根据所在时间坐标算出来的，就像一个函数 f(t)，你传入给动画���擎任意一个时间点 t，它能直接算出那一瞬间屏幕上每个元素的位置、透明度、大小，所有视觉状态完全由 t 决定。不需要从头播放到那个时刻，也不需要记住之前发生了什么。

传统写动画的方式是命令式的：到了某个时刻，去改某个元素的位置，把透明度调一下。状态散落在各处，时间一乱画面就乱。这套引擎反过来，用的是声明式思路：你不去驱动元素运动，只描述在第 t 秒，每个元素应该长什么样。

打个比方，传统动画像看电影，你必须从头看才知道第 30 分钟画面是什么。这套引擎更像一本特殊的书，翻到任意一页，画面都是完整的、确定的。

这个设计带来了三个能力：

1. 拖动播放条跳到任意位置可以，因为 f(t) 随时能算；
2. 反复调试同一个画面可以，因为同一个 t 永远产出同一帧；
3. 把动画导出成视频也可以，而且方式很巧妙。

那么导出视频是怎么实现的呢？

直觉上，把浏览器里的动画变成 MP4，录个屏不就行了？

录屏是实时的。机器稍微一卡就掉帧，拍出来的视频不可复现。而且播放条、黑色背景、圆角阴影这些"播放器外壳"会一起被录进去。

baoyu-design 用的方法更像定格动画的拍摄：启动一个无头浏览器（没有界面的 Chromium），加载动画页面，通过引擎预留的一个控制接口精确操控时间轴。每设定一个时间点，等浏览器把画面渲染完成，截一张图，通过管道直接喂给 ffmpeg 编码。一段 95 秒、30fps 的动画就是 2850 次"摆好时间，拍照"的循环。慢，但每一帧都是精确的，绝不掉帧。

这里有个容易忽略的细节：设定时间后，工具会等两帧 requestAnimationFrame 再截图。因为修改时间只是改了 React 状态，浏览器还需要一到两帧才能把新画面真正画到屏幕上。等少了，截到的可能是上一帧的残影。

为了让画面更锐利，截图时用 2 倍设备像素比渲染，实际按 3840×2160 出图，最后由 ffmpeg 缩回 1080p。���理和高分辨率印刷一样：先在更大的画布上精细绘制，再高质量缩小，文字边缘和细线会明显更清晰。

baoyu-design 在 GitHub 开源（MIT 协议），目前 1.2K star。感兴趣的可以去看看它的 skills/baoyu-design 目录，动画引擎的完整实现都在里面。

https://t.co/d2EaYV6q7j

[之之小侠 @frankguodev]

https://t.co/iaYlEWULXW

[之之小侠 @frankguodev]

今天写了一个小工具（https://t.co/8R9COGiZK9）。
一个本地 CLI——也可作为 Claude Code skill——事前预测哪些 agent 调用一旦变更生���会从订阅池转为消耗独立的 Agent SDK credit。它扫描 GitHub Actions workflow 与脚本里的 claude -p、claude-code-action、Agent SDK 调用，做事前预测。

写完之后，发布好了，我去Claude官网瞅了一眼，结果看图👇。

顿时感觉一天白忙活了。

......

平静下来之后，想了想其实也不是啥都没有收获。至少从这个过程中学习了一些经验。

例如：
1、如何把自己写的python工具，发布python官方的仓库上，供给他人下载。

2、对skill有了进一步的了解，以前以为skill就是prompt的升级版，没有prompt就没有skill。现在觉得能帮助Agent、人提高效率或者完成某件事的东西，都可以叫skill。但随着我继续学习，未来我可能会推翻现在的想法。

[之之小侠 @frankguodev]

@vista8 这里有国内外10家域名服务商，价格详细对比，道友们可以参考下：https://t.co/8BQZFcp6mI

[之之小侠 @frankguodev]

https://t.co/7epV5Thvlm

[之之小侠 @frankguodev]

@tinyfool 贵有��的道理，便宜也有便宜的价值。

[之之小侠 @frankguodev]

@xiaohu 今天应该是6月16号吧。

[之之小侠 @frankguodev]

@dotey 关注 学习

[Codex Changelog @Codex_Changelog]

🚀 Codex CLI 0.140.0 is out!

📊 /usage: daily, weekly & cumulative token stats
📥 /import from Claude Code: setup, config & chats
💬 @ now opens unified file, plugin & skill mentions

Changelog: https://t.co/HcfHOcFqN4

[之之小侠 @frankguodev]

今天店小二���里很是高兴，因为昨天老板回来了，而且这次又带来了很多新东西，这下店里的生意又要火爆了。

不一会，店门口热闹了起来，是昨天那位鲁班传人又在大街上“卖艺”了。

围观的人很多。

其中路人乙因为来的早，占据了主角的位置，能一览无余地欣赏鲁班传人造出来的Agent。

这时，不知怎么回事，路人乙突然被Agent扇了一巴掌，紧接着又被Agent踢了一脚。

鲁班传人的保镖上来制止Agent，但没用，Agent转身又踢了几脚到路人乙身上，仿佛跟他有深仇大恨似的。

鲁班传人发现AGENT.md/CLAUDE.md从Agent身上掉下来了，他赶紧捡起来装了回去。

很快Agent就听话了，继续表演。

路人乙身体壮，挨了几下没事，但心中不爽，于是喊道：“你们到底行不行，这东西咋就会表演剪刀石头布，就没有别的什么绝活，让大家看看。这也不行啊。”

鲁班传人见状心中也有点着急，赶忙对着门口的店小二喊道：“快，快，快去请你们老板。”

店小二不慌不忙地走了��来：“我们老板让我恭候多时了”，紧接着伸出手递出了一封信。
信封上写着一个大字——skills。

鲁班传人赶紧打开信封看了起来：
——Skill 是一种把特定任务的步骤、知识、资源和工具使用方式打包起来，让 Agent 在需要时读取和执行的能力单元。
它更像一份专项工作手册，让Agent更听话，知道怎么做事，专业点说就是按需加载的一组结构化指令和资源。

这里面有很多skill，你酌情挑选，可以表演很多不同的绝活。
例如，可以用宝玉前辈的https://t.co/cxHfIwHFx6，来表演画画，可以画很多不同风格的画。
还可以用歸藏前辈的https://t.co/Yi2NJK1mie，来给大家讲一个美轮美奂的故事。
也可以用乔木前辈的https://t.co/eKlLrDtSEZ，测试现场商户手里使用的app应用评论。这个互动性好，周围的看客肯定愿意参与。

[之之小侠 @frankguodev]

端午节要来了，宝玉老师发福利了，抽奖活动不容错过。我们可以不吃粽子，但不能不学习。希望能被抽到。

[宝玉 @dotey]

🎟️抽奖啦！为了回馈读者们��《图解 Skill —— AI 提效实战指南》这本书的支持，也搞一次抽奖活动，抽 10 个人，北京时间本周五中午12点开奖。

规则很简单：转发、引用、评论这条推文就可以。
可以选择实体书（仅限内地地址）或者电子书，中奖后我会根据名单给您发私信。

由于 X 没有官方抽奖程序，所以我会借助 @grok 帮我抽奖（亲测有效）。

我不知道你评论里面加一些提示词注入会不会提升中奖概率，但是我会提醒 Grok 注意防范，尤其要过滤黄推和 AI 写的😜

如果你已经购买了这本图书，建议可以去看看配套的 GitHub 项目库，里面有一些书上放不下的内容，还有一些入门级别但是实用的 Skills，比如我写播客访谈稿用的分析和写作的两个 Skills：interview-analysis 和 interview-writing，比如我日常用来整理写作 AI 资讯的 Skill：info-digest Skill

图书配套项目库：JimLiu/Illustrated-Agent-Skills https://t.co/Pa4Ah9d4nl
京东购买链接：https://t.co/iUbgATH6cf