28种流程图都能点，Tinycharts 免费只给9种
April Zhu 发布 Tinycharts Skill，用等距手绘动画画流程、时间线、分支和升级路径。每张图背后有状态机，免费9种，Pro 28种，售价 $34.90。
April Zhu 发布了 Tinycharts Skill。它把流程、时间线、分支、升级路径画成等距手绘小动画，每张图都能点。页面写得很直白：28 ways to visualize how things work，免费 skill 只画其中 9 种。
先看它长什么样。官方示例包括猫的一天、信件、拉面时间：
下面这段是发布视频，能直接看到图怎么动、按钮怎么点：
Tinycharts 的关键点在按钮后面。页面说明每张图背后都有真实 statechart，按钮行为遵循它所展示对象的规则。图不只是静态插画，输出是自包含 HTML，点开逻辑面板能看到规则和流程图。
它想解决的场景很具体：解释一个流程。退款怎么走、外卖订单经过谁的手、一周天气怎么影响晾衣服、某个请求卡在哪一步。页面给了三个自动选图例子：输入 Order a takeaway，它选了 sequence diagram；输入 Draw our refund process，它选了 flowchart；输入 A week of weather，它选了 bands。Pro 还会说明为什么选这个图。
免费和 Pro 的边界清楚。免费 skill 给 9 种图，个人非商用；Pro 给全部 28 种，带可编辑模板、中文图表、商用许可，价格 $34.90。All Access 是 $99 一次买断，早期前 100 名，包含商店里现有 pack 和后续更新。页面也写明数字下载不退款，建议先用免费 skill 试。
安装方式有两类。终端里跑一行命令：
mkdir -p ~/.claude/skills && curl -fsSL https://april-zhu.com/tinycharts/tinycharts.tar.gz | tar -xz -C ~/.claude/skills
在 Claude.ai 上，则下载 .skill 文件，在 Settings → Capabilities → Skills 里上传。使用需要 Claude Code，或开启 skills 的 Claude.ai。图表在浏览器打开，不需要自己写代码。
评论区里有几条反馈值得看。有人问图能不能更大，作者回了一句 is it too smol for you。有网友说 logic panel 是最好部分，并希望给反例加一个 replay 按钮，能在图上重放坏路径。这个建议比单纯加图种更接近工具价值：解释流程时，能看到错误路径怎么发生，比看一张正确流程图有用。也有人要求把图放上 GitHub，并批评对 @poteto 的工作收费。页面注明灵感来自 Kevin T. Ngo 的 statechart-art，逻辑检查来自 Lauren Tan（@poteto）的 statechart skill，MIT 许可。素材里没有更多打包和授权细节，这条批评只能先当作反馈看。
Tinycharts 的卖点不是 28 这个数字。图种多，用户仍然要面对选图问题。它更实用的地方是让模型先判断该用哪种图，再把状态机逻辑塞进可点击页面。免费 9 种够不够，要看你想解释的流程复杂度。先试免费 skill，再决定是否为模板、中文和商用许可付 $34.90，这个路径比较稳。
发布时间: 2026-11-05 17:36