[!NOTE] 初心：为了帮儿子在学习时更好地进入状态，我用纯 HTML 手搓了一个极其轻量的“专注力工具箱”。它没有复杂的后台，只有三个最原始、最直接的模块。
在这篇文章中，我将分享这个工具的设计逻辑。你可以直接在导航栏点击 专注力工具 体验。
1. 为什么是“手搓”？
市面上有很多专注力 App，但它们往往：
- 功能太重：容易引起孩子在 App 内部的二次分心。
- 缺乏针对性：我需要的是一个能够配合学习节奏（15-20 分钟一节）的纯净环境。
于是我写了这个不到 400 行代码的 HTML 页面。
2. 三个核心模块
A. 视觉热身 (Visual Warmup)
在进入正式学习前，大脑需要一个“启动仪式”。
- 原理：盯着屏幕中央的圆点持续 30 秒，尽量不眨眼。这能锻炼眼部肌肉，强迫神经系统从发散状态收束到一点。
- 色彩选择：默认使用 Tiffany Blue (蒂芙尼蓝)，这种颜色能给人带来宁静、克制的视觉心理暗示。
B. 极致专注计时 (Focus Timer)
我们不崇尚长时间苦学，而是强调高效的“短周期推演”。
- 15/20 分钟闭环：配合孩子的专注时长，设置了扇形和网格两种视觉反馈。
- 视觉化流逝：看着红色扇面一点点缩减，比抽象的数字更能让孩子感知时间的宝贵。
C. 状态反馈 (Brain Check-in)
学习不只是输入，还需要“元认知”监控。
- 状态卡片：在计时结束或开始前，让孩子选择自己是“充电状态”还是“棉花大脑”。
- 自省回路：这种简单的交互能帮孩子建立起“我现在状态如何？”的自我觉察，这是长期专注的基础。
总结
这个工具是 VisAgent/Claw 哲学的一个分支：工具不一定要复杂，但一定要顺手。 如果你也面临孩子学习坐不住的问题，欢迎点击上方导航栏体验。
手搓快乐！🦾