Lazy loaded image
做点什么吧
AI 编程实例 2-读书笔记
Words 2897Read Time≈ 8 min
2025-3-31
2025-4-26
type
status
date
slug
summary
tags
category
icon
password

背景

最近因为工作原因,需要恶补金融领域相关知识,按照常识先找了一些入门书籍看,例如《极简央行课》,书籍本身并不复杂,但是文本描述太多了,直接阅读成本较高,因此想到了用 AI 来辅助阅读 最终效果可见网站:https://jjyhk.book.peifeng.me/
示意图如下:
notion image
notion image

初尝试-AI对话

工具选择

第一步想着最简化尝试,选择的工具是 cherrystudio,原因如下:
  1. 可以设置epub 文件为知识库
  1. 方便调整测试不同提示词的效果
  1. 如果需要输出html 或者 svg 也可以直接看到效果

提示词测试

v1:最简版

notion image
评价
  1. 理解成本确实更低了
  1. 部分内容还是有些抽象,最好可以补充一些例子
 

v2:添加页面

notion image
 
评价:
  1. 页面效果出乎意料的好,布局,颜色,文字样式都符合现代化审美,一眼看上去很有价值
  1. 内容还是有些复杂,很像是一句话重复说,理解门槛降低的还不够,分析主要原因是:
      • 类比不恰当,影子银行比作集市,没太看懂里面的逻辑关系
      • 各种解释工具还是太单一了,只有文本和表格,没有其他图形工具,例如思维导图,概念图等
  1. 修改也很麻烦,如果想要针对某个内容进行提问,再反馈到页面上,需要一个比较漫长的流程,并且 html 的前后一致性无法保证,纯抽卡

进一步-AI编程

到这一步突然想到一个新点子,如果要用 html 展示内容的话,为什么不直接做个前端项目呢?
好处有几个:
  1. 可以调用更多工具:例如思维导图,悬浮解释等等
  1. 方便部署公开
  1. html 样式一致性可以得到较好的保证,人也可以方便修改内容

工具选择

这里选择的是 windsurf,原因如下:
  • 价格比 cursor 更便宜
  • trae 总是排队,效率太低了

开发流程

产出文档,梳理原始需求

告诉 AI你的需求,让他梳理需求后产出 项目文档,md 格式,记录成文件,这样做的好处有几点
  1. 成熟的文档可以梳理信息,避免需求遗漏
  1. 记录成文件后,如果 AI 的工作不符合你预期,可以随时调整文件内容,然后重新开始,方便做调优测试

正式开发

  1. 搭建基础环境,AI全程执行,扮演一个无情的命令行确认工具人
  1. 整理书籍内容,将 epub 格式的书籍按照章节复制文本内容,并保存为不同的文件,理由有几个:
    1. 上下文长度有限,无法一次性把一本书导入进去
    2. AI 总结的输出长度有限,一次性输入太多内容会导致很多知识点被遗漏,按照章节输入的长度刚刚好
    3. 方便不同章节进行调优
  1. 将书籍内容喂给 AI,要求他输出对应页面,并融合到前端项目中,示例效果如图所示:
notion image

经验总结

  1. 目前AI编程工具体验还是不太好,总是会出现联通异常的问题,不知道是个人梯子原因还是产品原因,如果真的想要做一个项目,最好三个应用(trae,windsurf,cursor )都准备好
  1. 接 1,这也侧面证明了开发过程中积累文档是一个很重要的事情,包含不限于:
    1. 项目开始:需求文档,产品文档,readme
    2. 项目过程:开发计划,待办及实现情况,问题日志(出现的问题以及修复思路)
    3. 提交记录:git 提交内容,版本管理方便回溯到稳定版本

产品思考

从这个项目来看,如果把内容生成和页面布局都交给 AI 来处理还是有些勉强,页面或许能唬住人,但实际内容的逻辑性还是太差了
表达工具选择也很不好,例如表格和图片混杂使用,有些地方强行用思维导图来展示等等
 
最近 mcp 比较火,或者可以考虑做成类似 mcp 的形式,即
  1. 【我】先提前设定好有哪些表达工具,适合表达哪部分内容
  1. AI先思考好书籍内容如何使用工具进行表达
  1. 内容和工具选择好了之后,再构建网页进行展示
 
上一篇
AI让垂直SaaS收入暴增10倍?最新商业模式曝光
下一篇
产品人如何学习 AI?以 Stable Diffusion 原理及发展历程为例