开发者 jseanj 在 V2EX 分享了一个名为 Peepables 的开源小项目：将一双好奇的小眼睛藏进咖啡杯、生日蛋糕、相机等日常物品的暗处，眼珠会跟随用户的鼠标移动而转动，并会自然地眨眼，为网页增添趣味互动效果。在技术实现上，Peepables 采用纯 SVG 绘制眼睛造型，以零依赖的 Web Component 形式封装，整个功能只需一个 JS 文件即可嵌入任何网页，无需引入额外框架或库，具备良好的轻量性与可移植性。开发者可直接将该文件复制到自己的项目中，通过自定义元素标签快速使用。该项目还提供了一个颇具 AI 色彩的玩法：它可以作为 Agent Skill（智能体技能）使用，用户只需用自然语言描述一个物品，AI Agent 便能自动生成一个对应的新款眼睛组件，实现万物皆可长眼睛的扩展效果。目前该项目已在 GitHub 上开源，并提供了在线演示页面，用户可直接在浏览器中体验眼睛跟随鼠标的效果。项目代码结构简单，适合前端开发者学习 Web Component 的封装思路，也可作为网页彩蛋、节日活动页面等场景的趣味素材。
事件分析
从技术角度看，该项目展示了 Web Component 标准的实用价值：零依赖、单文件、可嵌入任意技术栈的页面，是原生浏览器能力的典型应用。眼睛跟随鼠标的本质是坐标计算与 SVG 变换的结合，实现门槛不高，但封装成标准自定义元素后复用性大幅提升。更值得关注的是其 Agent Skill 的定位：项目不再只是供人调用的代码库，而是被设计为可供 AI 智能体理解和扩展的技能单元，通过自然语言描述即可生成新造型。这与近期 Claude Skills、MCP 协议推动的智能体能力扩展思路一脉相承，暗示前端小组件可能成为智能体生成式 UI 的一个落点。若此类模式普及，开发者工具的设计目标或将从给人用扩展到给 Agent 用。
核心观点：当小工具被设计成 Agent 可调用的技能，开源项目的边界正从人机交互扩展到智能体自动生成。
原文链接：V2EX 分享发现
