HTML Report Editor
很多汇报材料最后都会变成一个 HTML 文件,但真正麻烦的事情发生在“已经生成之后”:还要改文字、换图、微调布局、再导出。
- 问题HTML 报告生成之后,还需要继续改文字、换图、调整布局和导出。
- 判断把安全编辑和交互预览分开,让修改过程更稳,也更容易恢复。
- 延展这个项目可以继续展开真实使用场景、编辑模式设计和导出链路。
公开作品
这里收录已经成形、可以直接查看的项目。重点不只是最终界面,也包括它处理了什么材料、保留了哪些状态,以及为什么这样组织信息。
很多汇报材料最后都会变成一个 HTML 文件,但真正麻烦的事情发生在“已经生成之后”:还要改文字、换图、微调布局、再导出。
AI 编码时最容易丢的不是答案,而是状态。Jade Cub 把会话、审批、今日任务和本地文件放进一个 Mac 上的小窗口。
RSS Radar 是一个个人信息雷达站,把 AI 情报、综合新闻、长文和工具项目放进同一个可扫描的阅读界面。
很多工作场景并不缺信息,缺的是把信息继续推进的结构。文件、网页、表格、PPT 和聊天记录都在那里,但下一步常常不够清楚。
这些工具试图把分散的材料变成可以查看、修改和导出的工作台。界面不是最后的包装,而是让事情继续推进的方法。
所以这个作品集更像一组可阅读的工作样本:有作品、有截图,也能看见每个项目背后的取舍。
方法
这些原则贯穿在每个项目里:从材料出发,理清状态,并为后续修改、整理和导出保留空间。
截图、文件、字段、审批、导出结果,比抽象的风格词更重要。具体材料会告诉界面应该长成什么样。
用户最需要知道的是当前在哪里、什么已经完成、哪里可能出错、下一步该做什么。
很多工具真正有价值的地方,在于让人还能继续修改、导出和整理,而不是一次性生成完就结束。
个人 AI 工作流
语音、微信备忘、网页材料和临时想法会先进入一个固定系统,再通过本地转写、LLM 摘要、Codex 整理和 n8n 自动化,送到 Obsidian 里。
重点不是让 AI 记住一切,而是让材料留下结构、上下文和下一步。
工作流注释
这组截图不是产品功能介绍,而是日常工作流里的几个切面:输入、整理、流转,最后进入个人知识库。
Recording 01 输入
会议、语音备忘和零散想法会先转成可处理的文本,不急着整理成完美笔记。输入阶段的重点是降低记录成本,让原始材料先进入系统。
omlx 02 整理
转录后的内容会先经过本地或轻量模型整理,生成摘要、议题、待办和关键词。这一步只是粗整理,不替代人的价值判断,只负责让混乱材料变得可读。
n8n 03 流转
微信里的待办和备忘会通过 clawbot 与 n8n 自动流转到 Obsidian。这个环节解决的是手动复制的问题,让临时输入可以稳定进入固定工作目录。
Obsidian 04 沉淀
自动化不是终点,真正重要的是材料最后能变成长期知识结构。Obsidian 负责承接这些输入,让待办、会议摘要、方法文档和长期主题积累在同一个系统里。
持续展开
这些方向呈现了后续会展开的工作类型:高密度数据界面、演示型网页、运营报表和适合传播的视觉内容。
高密度指标、科室对比、运营驾驶舱和管理层读数页面。
预算、收入、KPI 和经营分析材料的网页化表达。
适合演示的 HTML deck,保留节奏、章节幕和现场讲述感。
把文章观点、流程和结构做成适合传播的长图和信息图。
关于
关注点放在本地优先的个人工具、数据报表和 AI 工作流界面。好的界面不只是展示结果,也应该帮助人理解复杂状态、保留修改空间,并留下下一步行动。
这里收录已经公开的项目、真实截图和工作流材料,用来呈现工具如何处理复杂材料、状态和下一步行动。