奶茶店流程图里，最值得看的是珍珠卖完那一步

Kevin Ngo 发了一组奶茶店业务图。图用 JavaScript 画，借助 @poteto 的 /statechart skill，开源，标注 Made with Claude Opus 5.5。这个组合值得看一眼：AI 参与生成，但落点还是业务状态。

第一张图从排队画到饮料到手。顾客排队、点单、确认订单、付款，收银员开始做饮品。图里埋了一个异常分支：珍珠不够，钱退回。很多流程图只画顺利路径，这张把缺货和退款挂进主流程。奶茶店最真实的时刻，往往就在珍珠见底那几分钟。

第二张图画的是一天。凌晨关店，早上 7 点开始准备，开门后忙闲起伏，放学后进入高峰，晚上 9 点如果人少就收盘整理。它没有把门店写成一条直线，而是把营业节奏摊开。

第三张图更具体，画了 barista 和珍珠锅的并行状态。barista 空闲、接单制作、摇匀封口、叫号。珍珠锅从满到见底，再补煮新批次，补煮条件标了 when barista free。做饮料和煮珍珠互相等待，也互相牵制。这类并发关系，比一张排班表更能说明门店怎么运转。

开源和 Made with Claude Opus 5.5 是推文里写明的事实。状态图的价值不在画得可爱，而在逼人回答缺货、退款、并行资源这些不体面的细节。工具能生成图，业务约束还得人给。