【正文】
1. Demo 简介
是什么: 智识星图是一款「主动式」桌面知识管理工具,以桌面宠物为载体,通过感知用户的窗口活动和剪贴板内容,在合适的时机主动提醒用户沉淀知识,告别「收藏即吃灰」。
面向谁: 学生、知识工作者、内容创作者 —— 任何经常收藏文章但事后从不回顾的人。
核心功能:
桌宠式知识助手 一只可爱的猫咪桌宠常驻桌面,单击打开知识列表,双击快速查看收件箱,长按呼出菜单。不占地方,想用就点。
主动感知提醒 实时检测用户当前浏览的窗口标题,如果在同一个内容页面停留超过设定时间,桌宠会主动弹出气泡提醒「要不要把这个存下来?」,把知识捕获的动作从「主动收藏」变成「被动提醒」,大幅降低沉淀门槛。
三键决策收件箱 所有捕获的知识先进入收件箱,用「归档 / 打标签后归档 / 忽略」三键模式快速处理,像处理邮件一样处理知识碎片,高效不拖沓。
2. Demo 创作思路
灵感来源: 每次看到好文章都会点收藏,但收藏夹里几百条内容再也没打开过 —— 相信这是很多人的共同痛点。为什么会这样?因为收藏的那一刻「感觉会看」,但转头就忘了。传统的笔记软件需要用户主动打开、主动粘贴、主动整理,门槛太高了。
想解决的问题:
- 收藏夹吃灰:存了但从不看
- 记录成本高:要切窗口、开软件、找位置、粘贴、分类
- 缺乏反馈机制:存了就存了,没有后续的回顾和提醒
为什么做这个方向: 知识管理工具很多,但大多是「被动式」的 —— 等用户自己来记录。我们想做一个「主动式」的知识助手,像一个真正的助理一样,观察你在看什么,适时提醒你记录,降低知识沉淀的门槛。桌宠的形态既降低了工具感,又增加了情感连接,让知识管理不再是一件痛苦的事。
3. Demo 体验地址
index.html (38.4 KB)展示网页,具体看在线演示
【智识星图演示视频】 https://www.bilibili.com/video/BV1xsNi68E6q/?share_source=copy_web&vd_source=ef099d22379e8de4da3c75937514878e
4. TRAE 实践过程
整个项目从 0 到 1 完全由 TRAE 辅助开发,我只负责提出需求和做决策,具体的代码实现、问题排查、方案设计都交给 TRAE。
开发历程:
阶段一:基础框架搭建
-
用 Tauri + Svelte + TypeScript 搭建项目基础
-
实现桌宠 Canvas 渲染和基本动画
-
实现窗口透明和无边框效果
阶段二:核心功能开发 -
实现剪贴板监听,自动捕获复制的内容进入收件箱
-
实现窗口标题感知,检测用户驻留页面并主动提醒
-
实现知识列表的三栏布局(筛选 + 列表 + 详情)
-
实现收件箱三键决策模式(归档 / 打标签归档 / 忽略)
阶段三:交互打磨优化 -
右键菜单改为 Tauri 原生系统菜单,解决文字截断问题
-
左键交互重构:单击打开列表、双击打开收件箱、长按弹出菜单、拖拽移动窗口
-
桌宠图片背景透明化处理(flood-fill 算法)
-
新手教程引导
-
气泡动画和状态反馈优化
关键截图:
关键任务对话 Session :




