哞小哞的杂货铺，
卖字，卖工具，
卖和 AI 的平常日子。

缘起

斯特鲁普效应是心理学里的经典实验：当字的意思和字的颜色打架时，你的大脑会卡壳。我们把它做成了一个 60 秒的小游戏，想看看自己（和来店里的朋友）到底能抗住多少干扰。

用法

点开「开始挑战」，屏幕上会跳出一个个带颜色的字。别管字写的是什么，只管它是什么颜色，按对应的颜色键作答。答得又快又准分数就高，结束后还能留个名字进排行榜。

想法

这是铺子里最早的一批货品，规则一句话就能说清，但玩起来谁都逃不过「脑子短路」的瞬间。适合等人、等水开的间隙来一局，也适合跟朋友比比谁的反射弧更长。

缘起

最早是在家长的注意力训练单上见到的：一页 25 个随机数字，要求按顺序点完。谁都知道，可十个人里有九个点不来。我们把它搬进铺子，做成电脑手机都能玩的格子，想练随时掏出来点一局。

用法

进工具先选难度：三百格（3×3）起步，四到七阶都有——九宫格最轻松，5×5 是经典配置，7×7 适合想虐自己的朋友。开始后按 1、2、3…… 的顺序依次点击数字，点错会计一次错点，时间不暂停。每局结束后自动记录用时与最近战绩，各难度的最佳成绩会显示在起始页的按钮上。

想法

格子不变、数字乱排，可每次点起来心跳都不一样。它练的是「余光扫视」和「快速决策」——不盯着单个数，让眼睛自己在方格上扫。练多了你会发现，连看文档找重点都快了几分。

缘起

做完舒尔特方格，铺主手痒，想起小时候教室里人手一个的塑料滑块——15 个小方块挤在盒子里，只有一个空位，谁先把数字按顺序排好谁赢。于是就有了这版数字华容道。

用法

选一个难度：3×3 入门、4×4 经典、5×5 挑战。点开棋盘后，点空格旁边的数字，它就会滑进去。把数字按 1、2、3…… 顺序排好就算过关，页面记录你的用时和步数，各难度的最佳成绩一目了然。

想法

它比舒尔特多点「算计」——每一步都得想它是在帮自己还是帮别人。拼多了你会发现两条铁律：先固定最上面一行，再往下层层推进；以及，那个空格永远是你最好的朋友。

缘起

本地跑通了 V4 Flash 之后，铺主又捣鼓出一个九宫格的伙计：数独。每道题都有且只有一个答案，纯前端、零后端，离线也能开一整局。

用法

首页三档难度随手选：简单、中等、困难；也可以来一局「每日一题」，全世界的铺客同一天拿同一道题。点格子、按数字就能填，笔记模式记候选数，填错了有检查、卡住了有三次提示。玩到一半关掉也不怕——自动存档，回来点「继续上一局」接着算。支持键盘 1-9 直接填数，退格擦除。

想法

数独和舒尔特、华容道是同一路的：规则一句话讲得清，但坐下来能安静地耗掉半小时。等人的时候来一局，比刷短视频多一分清醒。

缘起

铺主在本地跑通 V4 Flash 之后又盖了一间「宝石工坊」：猜色大师。它和数独、华容道是一路的——规则一句话讲得清，但背后藏着一整套精密的算法。AI 用 Knuth 极小化极大，1296 种密码全部穷举验证过：五步之内，必破。这是数学定理，不是吹牛。

用法

工坊有两条路：

• AI 猜我的码：你从六颗宝石里挑四颗设密码（可重复），AI 每猜一轮，金钉=颜色对位置也对、银钉=颜色对但位置不对；右边「AI 内心戏」面板实时显示剩余可能数从 1296 一路坍缩到 1，五步内必破。
• 我猜 AI 的码：反向——AI 藏密码，你来猜，AI 用金/银钉点评；「剩余可能数」帮你指路，几刀下去线索越来越窄，把它的底牌揪出来。

电脑手机都能玩，完全离线，拔网线也不影响。

想法

深夜宝石工坊的美术是代码一笔一笔画出来的：三层径向渐变做玻璃弹珠、透视棋盘、彩纸胜利。这次接入铺子后换上了杂志皮（白天工坊/晚刊深夜两套主题），但那份「实体玩具」的质感没丢。算法靠得住，画面才敢看得久——这是工坊的规矩。

缘起

给图配字是杂货铺的日常刚需——文章封面、梗图、截图说明，每次都开重型设计软件实在杀鸡用牛刀。于是做了这个轻量的小工具：图拖进来，字打上去，调调样式就能存走。

用法

上传图片后，在「字幕内容」里写上想说的话，可以多行。字号、字色、字重、字体、内边距、圆角都能随手调，右侧实时预览。满意了点「保存图片」，一张带字幕的图就出炉了。

想法

好工具的标准是「打开就会用，用完就关」。这个工具没有花活，但字体、间距这些细节我们都调过，出来的字幕不会显得廉价——毕竟它也是铺子里文章封面的幕后功臣之一。

缘起

店里常组织乒乓球比赛，每次画对阵图都是手工活：画格子、填名字、抽签全靠纸条。打得人多了，32 签、64 签的图更是画到眼花。干脆把整张对阵表搬进了浏览器。

用法

选好签位规模，把选手名字填进签表，可以用抽签功能随机排位。比赛进行中逐场填比分，晋级路线会自动往上走，直到决出冠军。图可以拿出来投屏或打印，挂在球馆墙上就是正式比赛的样子。

想法

这是铺子里最「专业向」的一件货，服务的是真实办赛场景。它背后是一个独立的 React 工程，也是全铺最重的工具——但对办赛的人来说，一张不出错的对阵图，值这个分量。

缘起

满减、代金券、充值赠送……商家的玩法越来越花，「相当于几折」越来越难看懂。每次结账前都要心算半天，还不如做个工具：掏了多少、拿到多少，一除，真实折扣立刻现形。

用法

左边填「实付金额」——你实际掏出去的钱；右边把拿到的东西一项项加进「获得项清单」，标价多少填多少。点「计算结果」，真实折扣、省了多少钱一目了然，不划算的会直接亮黄牌。还能用快捷模板套常见玩法，把结果生成交易卡片下载成图片。

想法

这件货的口号是「童叟无欺」——不过是替顾客算的。它不能让你少花钱，但能让你在花之前看清这笔账。购物节期间尤其建议随身带着。

缘起

写文章、发手记，总得跟图片打交道：裁一裁、切成几宫格、抠个背景、加句标注。这些活儿单个看都不大，凑一起却够开好几次专业软件。于是把它们收进了一个工具箱，打开网页就是工作台。

用法

把图片拖进来（或点「选择图片」），顶部切换要干的活：编辑、裁剪、自由切割、抠图、文字标注。每一步都能撤销、能重置，做完「下载 PNG」或直接「复制到剪贴板」，粘贴到哪儿都方便。

想法

工具箱里每样工具都不追求全能，只追求把一件事做顺手。它是铺子里自用频率最高的货品之一——你在这个网站上看到的不少配图，都经过它的手。

缘起

家里（和小办公室）的网络设备越攒越多：路由、交换机、NAS、PDU……塞在机柜里，时间久了谁也记不清哪台在第几 U、IP 是多少。 Excel 表格太抽象，不如直接把机柜画出来，设备往里摆。

用法

先「添加机柜」，选好 24U / 42U / 48U 的规格，然后把设备一台台拖上架，填 IP 地址、上架日期这些信息。机柜视图就是实际摆放的样子，点设备能看详情、做运维记录，下架也有留痕。

想法

这是铺子里最「私货」的一件——本来是给自己机房做的，后来发现有小机房、小机柜的朋友不少，就擦擦干净摆上了货架。数据都在本地，放心用。

缘起

有时候不想刷手机，也不想干正事，就想看点什么慢慢流动的东西。我们做了这个「电子念珠」：一个点从中心出发，朝八个方向随机游走，走过的点不再回头，线条慢慢爬满画布，像呼吸一样有节奏。

用法

打开就让它自己走。想参与的话可以调点数、间隔（走多快）、配色；走神了按「暂停」，想重来按「重置」。走出了满意的图案，点「导出」可以把这幅偶然之作存下来。

想法

这是货架上唯一「没有用」的商品——不生产任何东西，只生产平静。每条轨迹都不会重复，就像它自己写的规则：每个点仅访问一次。走过的路，不回头。

缘起

想给孩子讲长征，书上的文字太沉，纪录片又太正。于是做了这个互动长页：跟着地图一站一站走，十二个大站点，每站有人物、有故事，还配了朗读，孩子可以一边点一边听，像闯关一样把这段路走完。

用法

从第一站点出发，顺着地图往下走。每到一个站点，看看插画、读读故事（或点朗读听故事），完成这一站后护照上会盖上印。十二站全部走完，长征路也就走完了。进度存在本地，下次打开接着走。

想法

这是铺子里体积最大、也最用心的一件货：几十张手绘感插画、二十多段朗读音频，都是一点点攒出来的。它不讲大道理，只想让孩子觉得——这帮人走的这条路，真了不起。