学习工作 + 智识星图

【正文】

1. Demo 简介

是什么: 智识星图是一款「主动式」桌面知识管理工具,以桌面宠物为载体,通过感知用户的窗口活动和剪贴板内容,在合适的时机主动提醒用户沉淀知识,告别「收藏即吃灰」。

面向谁: 学生、知识工作者、内容创作者 —— 任何经常收藏文章但事后从不回顾的人。

核心功能:

:cat_face: 桌宠式知识助手 一只可爱的猫咪桌宠常驻桌面,单击打开知识列表,双击快速查看收件箱,长按呼出菜单。不占地方,想用就点。

:eyes: 主动感知提醒 实时检测用户当前浏览的窗口标题,如果在同一个内容页面停留超过设定时间,桌宠会主动弹出气泡提醒「要不要把这个存下来?」,把知识捕获的动作从「主动收藏」变成「被动提醒」,大幅降低沉淀门槛。

:inbox_tray: 三键决策收件箱 所有捕获的知识先进入收件箱,用「归档 / 打标签后归档 / 忽略」三键模式快速处理,像处理邮件一样处理知识碎片,高效不拖沓。

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 :

报名帖链接: 关于大赛报名专区 - #608,来自 u3841025543776009

应该来得及,请通过

还不错,我给你投了一票,加油!祝你晋级下一关。

【学习工作赛道】英语星图 · 小学英语AI闯关学习舱,AI闯关系统,带你在星空中学习。 - TRAE AI 创造力大赛 / 【大赛初赛专区】 - TRAE 官方中文社区,希望我们能互相支持一下,能不能给我也投一票。