Design Logic & User Flow
设计逻辑与用户流程 · diagram 01 of 03
DOC / 01
v0.1.0 · 2026.04
§ 01 — Product Positioning Quadrant · 产品定位象限
Manual Org. Automatic Knowledge Base Inspiration Stream
Notion database · folders
Are.na channels · curation
Raindrop bookmarks · tags
Alcove auto-detect · paste-first
§ 02 — End-to-End User Flow · 端到端使用流程
01
PASTE
粘贴任何内容
InputCard
02
DETECT
类型自动识别
content-detector-registry
03
PARSE
元数据解析
alcove-agent · server actions
04
SAVE
存为卡片
CardRepository.create
05
BROWSE
瀑布流浏览
MasonryGrid · TagFilterBar
06 · LOOP BACK ↺
RETRIEVE
模糊搜索 / 标签过滤 / Constellation 关联回看 — 用户依赖"记忆模糊"的检索(半句话、一种感觉),而非精确字段查询。
useCards.search
constellation-card
用户主动操作 系统自动行为(用户不感知)
§ 03 — Content Detection Logic · 多检测器优先级评分
RAW INPUT · 用户粘贴的任意文本
↓ dispatched to all detectors, highest confidence wins
MOVIE
priority 12
IMDb / 豆瓣 / TMDb URL 规范化匹配
→ type: movie
IMAGE
priority 11
扩展名 / 已知图床域名(imgur 等)
→ type: image
LINK
priority 10
通用 URL 格式校验、提取 hostname
→ type: link
CODE
priority 5
围栏 ``` / 语言标记 / 多信号评分
→ type: code
NOTE
priority −1
兜底(未命中其他检测器时)
→ type: note (fallback)
DetectionResult { type, confidence, parsedData } → MasonryGrid.handleSave
§ 04 — Card Lifecycle · 单卡片状态机
DRAFT
输入框聚焦,实时检测中
SAVED
写入 Repository,瀑布流插入
INDEXED
标签建立、搜索可见
SURFACED
被搜索 / 标签命中
EXPANDED
点击展开浮层 / 长按预览
EDITED
富文本编辑 / 标签修改
ARCHIVED
不在主流,仍可检索回
§ 05 — Differentiation Callouts · 与同类产品的差异
Dimension Notion Are.na Raindrop Alcove
组织方式 数据库 + 文件夹 频道(channel)分类 收藏夹层级 零文件夹 · 自动标签
保存流程 新建页 → 填字段 新建块 → 分配频道 书签插件保存 粘贴即存(自动识别 6 种类型)
搜索方式 精确查询 浏览频道 关键词搜索 模糊搜索 + 标签 + Constellation 视觉关联
维护成本 高(需整理) 中(需分类) 中(标签维护) 零(完全自动化)
内容类型优化 通用 链接 / 图片 / 笔记 网页书签 6 类专项优化(电影 / 代码 / 白板 等)