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