Skip to content

Repository files navigation

知音

把被刷走的兴趣,整理成会继续生长的灵感卡。

Version 0.1.0 React and Vite Local mock data Deterministic demo

产品流程 · 完整演示 · 本地运行 · 当前边界

知音产品介绍页,左侧展示用户旅程,右侧展示灵感卡手机界面

画面来自仓库当前公开版本的本地演示。人物、内容和行为信号均为模拟数据。

用户在内容流里收藏了很多东西,想做的事仍会随着下一条视频离开视线。知音把持续出现的兴趣线索收在一起,整理出一张可以找回、补充和调整的灵感卡。

看见持续兴趣 收好一张灵感卡 等相关内容继续补进来
演示用收藏、点赞、常看和转发信号解释入口为什么出现 从洱海边、雪山照和本地味三个方向打开同一份云南兴趣 后续相关视频回到同一张卡,无关浏览不会冲掉已经收好的内容

从一条视频到一张灵感卡

浏览内容  →  知音入口出现  →  打开灵感卡  →  收进灵感袋  →  持续补全  →  记下一次轻行动

知音灵感卡,展示云南兴趣和三个打开方向 知音灵感袋,展示持续补全的三个兴趣方向
先解释为什么出现,再给出三个可以继续看的方向 相关内容补进同一张卡,用户随时可以重新找回

灵感卡

灵感卡会先交代它理解到的兴趣,再提供几个具体的打开方向。用户可以收下,也可以直接点“不感兴趣”。当前云南示例包含洱海边、雪山照和本地味三个方向。

灵感袋

收下的卡会进入灵感袋。第二天刷到的相关内容可以继续补进同一张卡。用户后来刷到无关视频,仍能从内容流重新打开灵感袋。

轻行动

灵感积累到一定程度后,演示允许用户记下一次周末提醒。这个动作只把兴趣往前推一步,不展开地图、行程或交易流程。

走一遍完整演示

仓库提供两个入口。

  • / 是可以自由操作的手机信息流。用户可以浏览视频、打开知音、收下灵感卡并进入灵感袋。
  • /intro 是产品介绍页。它用 16 个步骤串起小林从兴趣积累到记下轻行动的完整过程,左侧说明当前节点,右侧同步推进手机画面。

介绍页的背景音默认关闭,用户可以手动开启。整个流程使用本地状态快照,演示时不依赖网络服务。

AI 怎样参与

当前版本不会发起真实模型请求。预设数据和确定性状态快照负责跑通完整流程,也让每次演示得到一致结果。

这个原型把 AI 的职责收在三个位置。

  • 根据持续行为信号理解用户最近反复出现的兴趣。
  • 把分散在不同视频里的相关内容归到同一张灵感卡。
  • 在兴趣已经积累、用户仍愿意继续时,把它重新递回内容流。

这些能力在当前仓库中只作为产品设计和交互演示出现。

本地运行

需要 Node.js 20 或更新版本。

npm install
npm run dev -- --host 127.0.0.1 --port 5173

打开下面两个地址。

http://127.0.0.1:5173
http://127.0.0.1:5173/intro

检查生产构建。

npm run build

代码导览

src/
├── components/       手机信息流、灵感卡、灵感袋与介绍页
├── data/             演示内容、兴趣信号与灵感卡数据
├── lib/              内容归并和状态编排逻辑
├── App.tsx            路由入口
└── styles.css         手机界面与产品介绍页样式

当前边界

知音目前是一套本地概念原型。仓库没有接入真实账号、推荐系统或提醒服务,也不会读取用户的收藏、点赞和观看记录。

当前版本不包含真实 AI 调用、地图、完整行程规划、聊天界面和商业转化页面。所有人物、指标、行为信号与视频内容均用于演示产品路径。

仓库当前未附开源许可证。代码和素材的使用范围以仓库实际授权为准。

About

知音,把内容流里持续出现的兴趣整理成会继续生长的灵感卡。当前为本地概念原型。

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages