1、团队介绍
cc：产品概念的设计，交互感受的设计。
fire：热情的fire总是提一堆很nb的PR。
墨：设计，沉稳的墨总是提出一些比较重要的设计思路
成员合影
2、产品简介
2.1 渊源
我们初赛的时候，做好整个核心视频引擎，只是对输入一段古籍做出视频生成。对非遗场景简单描述生成视频。复赛作品在此基础上构建，打造全新的阅读空间。
2.2 是什么？
是一个可以选择自己阅读偏好的沉浸式阅读空间。是一个web应用。
2.3 面向谁？
- 古籍爱好者、喜欢阅读书籍且喜欢这种多元阅读体验的朋友
- 有小学、初中、高中、大学阶段课文古籍阅读需求的同学
- 对县志、历史。等感兴趣但阅读起来枯燥的朋友
- 看文字类产物的朋友
- 以想学机器学习、喜欢抽象画风 去阅读的朋友（能从古文强行牵强给你看）
2.4 完整功能
2.4.2 截图
2.4.2.1 新建书籍【意图和画风自定义是这一步核心】
实机解析演示：
比如一些属于你的的意图，用古诗学习英语。也能满足你。画风更是
2.5 相比初赛 Demo 的升级
- 一句话生成视频的“古籍活化“视频agent引擎彻底升级嵌入真正的古籍中
- 通过traework寻找古籍，设计交互动画，极大提升质感
- 通过trae设计交互链路，主页书籍，解析古籍，产出图片，耦合接入，彻底升级整个链路。
- 分享按钮，也许交换一本书在这个时代该重新复燃，交换你的画风，你的视频，你的理解，你的ai阅读记录。
- 各种概念性的重构，饱含我们对Ai与古籍的思考
开发原则：我们愿意阅读下去 
。
Trae复赛作品，Ai书籍世界。 打造你个人的书籍世界，画风你定，要学的内容你定，完整的网站前端效果，体验速度。# traeai创造力大赛 @TRAE.ai https://v.douyin.com/dTDcGY1vzh0/
4、产品创作历程:
- 讲述作品从想法诞生 → 初赛 Demo → 复赛完整作品的演进过程：最初的灵感来源、过程中遇到的关键问题与解决思路、重要的设计与技术决策(对应「创新性-解决思路」，也让帖子更具可读性与说服力)。
一开始的想法和最终的实现其实很相似，但完全不同。
4.1、报名贴想到的是一句话做ai视频。
4.2、初赛贴升华了一下，决定把过程做出来24步调用图片生成到视频生成。
当然也升级了一下软件和画风
4.3 复赛就在想，本身就想做古籍非遗活化，为什么不直接放入一本古籍？
很快就做出第一版
可以看出来基本上就已经实现了和最终的效果，因为本身初赛的视频核心做完。视频核心的步骤中又有图片生成和提示词解析。就直接用了。所以只用设计古籍录入，然后自动分析就可以。
第一版其实就思考好了，要做对意图分析+画风选择的古籍阅读体验，就是要打造一个专属阅读空间。【画风与意图】
所以其实后面做的就是ui调整和优化
包括划线分析都是第一个提示词开始就做出来的部分，耦合其实很简单的。
过程还有一些舍弃与重构，Ui重新设计。这部分写到实践过程中
5、TRAE 实践过程:
初始配置，旧资产利用，核心开发，优化ui 四部曲
1、自初赛基础开发。实践过程分为五部分核心
1、oss配置过程。
SEESION ID 在最下面
1、第一版，其实就做了现在项目60%的功能，
也许这就ai时代，后续主要是打磨加动效，修改古籍等，其实在第一版开始复赛后就已经设计好了整体的架构，现在的主功能链路，后来不过是为书架换了一个版本的特效罢了。
一个很好的例子就是我们在创建书这块【逻辑完全没变，就是换了一个封面+内置了200本书籍】当然这也是他更像产品的地方，而不是很糙的初始化
再一些别的细节就是，我们优化了置顶栏，我感觉我们后来优化的都更好看一些。就是一些简单的轻优化，就感觉会奇妙的高级一点。
当然这个过程中我们有很多测试和思考
他们或多或少都给最终的版本提供一些源码。
第一版真的也很惊艳的，基本上就是几大步开发计划搞定了。
调整提示词引擎的一些设计
2、滚筒书架与整个后一面墙书架的设计与优化，这也是书架的设计，后来发现trae那个咖啡页面太适合当我们的书架了。
让ai把动效写入我的画风设计中，后续同步复用我的封页就实现了。
这个过程中有优化一些动态的效果，这是整个旋转书架的设计流程。
嵌入后就是现在的效果了，后来fire加了背景
3、资料准备部分，这部分太多了，就并行截图还有一些fire优化小动效加背景的设计部分古籍优化调整、书架设计，书架优化的过程
一开始找古籍到优化完成也是跨越几周时间7。27最开始找的时候
4、画风啊 三层ai引擎架构啊。这些重设计的开发，画风设计啊，书内置啊。
5.测试过程，开始设计整个测试契约。
这一部分的思路是：建立一个公约，在开发版本的基础上写测试，后续每一个功能的开发都需要跑这部分的测试。后续有展示独立测试的过程。
总之也是耗费巨大心神啦，traecode traework 然后大家基本都是双持开发的这只是其中一个。
session id合集
oss系列：-古老的沟通基建部分
oss配置历程：
- .7520915565431686145:a7afcdc799948856c499ae2b458a7d28_6a310eb4f3776d3ae178a45d.6a3130b6f3776d3ae178a45f.6a3130b69425ab7043705b47:Trae.T(2026/6/16 19:17:10)
- .7520915565431686145:4c76c51558ee855bda51e9469939961a_6a32264af3776d3ae178a98d.6a326b88e3ab3006e8fc5d18.6a326b878307c346c6079c25:Trae.T(2026/6/17 17:40:24)
- .7520915565431686145:411a28ac7617465655a2c62fd146cbb7_6a32264af3776d3ae178a98d.6a322daef3776d3ae178a98f.6a322dae9425ab7043705b79:Trae.T(2026/6/17 13:16:30)
- .7520915565431686145:1b3241f2ae1b8ddc11f11456cd14050c_6a310eb4f3776d3ae178a45d.6a318f1df3776d3ae178a817.6a318f1d9425ab7043705b67:Trae.T(2026/6/17 01:59:57)
- .7520915565431686145:1e79481a8c3660087cc764920cf9012f_6a310eb4f3776d3ae178a45d.6a318caef3776d3ae178a803.6a318cae9425ab7043705b66:Trae.T(2026/6/17 01:49:34)
- .7520915565431686145:a327c216072e1a6608f25bd37f096543_6a310eb4f3776d3ae178a45d.6a3188baf3776d3ae178a6b2.6a3188b99425ab7043705b64:Trae.T(2026/6/17 01:32:42)
- .7520915565431686145:8120305b7a1614d0d40a3f12c498f660_6a310eb4f3776d3ae178a45d.6a316064f3776d3ae178a55c.6a3160649425ab7043705b4c:Trae.T(2026/6/16 22:40:36)
第一版重资产开发。
.2074115261345008:7bc7a428c54c399bd1736845c6b5289a_6a638d1a59a6302bf0ca2dc0.6a63f0dfde10bce46a9f5822.6a63f0dd370f204e11c422ce:Trae CN.T(2026/7/25 07:10:23)
.2074115261345008:abe20f213f6adb54cb430acc7c5c7618_6a638d1a59a6302bf0ca2dc0.6a64212ede10bce46a9f6458.6a64212c370f204e11c422d0:Trae CN.T(2026/7/25 10:36:30)
.2074115261345008:8fc7ad48f0f22be30724a1947359dc7a_6a638d1a59a6302bf0ca2dc0.6a644fa7de10bce46a9f753b.6a644fa6370f204e11c422d1:Trae CN.T(2026/7/25 13:54:47)
.2074115261345008:64b0b528b90fb97c131d878e94fe822a_6a638d1a59a6302bf0ca2dc0.6a6488f5de10bce46a9f8d84.6a6488f5370f204e11c422d2:Trae CN.T(2026/7/25 17:59:17)
.2074115261345008:e92d2208b2f8c6643ce4757937276f99_6a638d1a59a6302bf0ca2dc0.6a64acfade10bce46a9f9c93.6a64acfa370f204e11c422d4:Trae CN.T(2026/7/25 20:32:58)
.2074115261345008:90badbefe557b0bd8a991e888840dbd7_6a638cd159a6302bf0ca2dbe.6a6cdcf3a7a941d6a264fe51.6a6cdcf2c7d59f58dabdf50c:Trae CN.T(2026/8/1 01:35:47)
.2074115261345008:efc957f6d85e953ec7b3e193652bb3b1_6a65119fde10bce46a9faa97.6a663f84880fa3576b93756f.6a663f826f64c7b4cf22f63b:Trae CN.T(2026/7/27 01:10:28)
.2074115261345008:61157ff6fcecff78f19389f339ba94a9_6a65119fde10bce46a9faa97.6a667fbf5d8c366c783f11a9.6a667fbe8159b4e307f64910:Trae CN.T(2026/7/27 05:44:31)
给ai讲讲理念
.2074115261345008:c69a58d5d276b4970f49762d3d045b85_6a657ac4de10bce46a9fc03e.6a66d9645d8c366c783f1e03.6a66d9638159b4e307f6491d:Trae CN.T(2026/7/27 12:07:00)
第一版古籍
.2074115261345008:56a5d8855c3dbf1f5081cce6e91f1263_6a657ac4de10bce46a9fc03e.6a6728b55d8c366c783f2131.6a6728b48159b4e307f64922:Trae CN.T(2026/7/27 17:45:25)
.2074115261345008:458f42e1c3efac17d98376c69d89eb52_6a657ac4de10bce46a9fc03e.6a66dfd75d8c366c783f1e5d.6a66dfd78159b4e307f6491e:Trae CN.T(2026/7/27 12:34:31)
.2074115261345008:5a95b802d6f28d5c894d8f5a4fd133fd_6a657ac4de10bce46a9fc03e.6a66c85b5d8c366c783f1cc1.6a66c85b8159b4e307f6491c:Trae CN.T(2026/7/27 10:54:19)
.2074115261345008:4baa24a8146808f4f6cf6e67e1e19f09_6a657ac4de10bce46a9fc03e.6a66b69e5d8c366c783f191f.6a66b69c5d8c366c783f191d:Trae CN.T(2026/7/27 09:38:38)
找古籍、课文书写等：
2074115261345008:d98553b7e18d96fc7d502636033a9880_6a735ed307425e0af47c6a81.6a73619ffec95b036c85a663.6a73619e49ea9f922d070bd0:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/6 00:17:00)
2074115261345008:6ec3edefecfcbca1bd6f9a8c49ca9940_6a735ed307425e0af47c6a81.6a735ed5fec95b036c85a586.6a735ed307425e0af47c6a82:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/6 00:15:02)
.2074115261345008:e914aac51f26fe30237ddabfdd11adcc_6a71b34a7a1c371546c1de2d.6a71b36c7a1c371546c1de30.6a71b36aa504e50cfe8057ea:Trae CN.T(2026/8/4 17:39:56)
.2074115261345008:a760e0bd7406e3ac51eea172f521ad24_6a71b34a7a1c371546c1de2d.6a71b53f7a1c371546c1df14.6a71b53fa504e50cfe8057eb:Trae CN.T(2026/8/4 17:47:43)
.2074115261345008:bd7ecaeacbf49451663f5a3b47b98ee6_6a71b34a7a1c371546c1de2d.6a71b64d7a1c371546c1df85.6a71b64ca504e50cfe8057ee:Trae CN.T(2026/8/4 17:52:13)
核心嵌入的过程
.2074115261345008:212687a0d10b437ba06feaee5729f21b_6a657ac4de10bce46a9fc03e.6a66c3ac5d8c366c783f1bb0.6a66c3ac8159b4e307f6491a:Trae CN.T(2026/7/27 10:34:20)
.2074115261345008:212687a0d10b437ba06feaee5729f21b_6a657ac4de10bce46a9fc03e.6a66c3ac5d8c366c783f1bb0.6a66c3ac8159b4e307f6491a:Trae CN.T(2026/7/27 10:34:20)
后来的什么引导的功能，流式生成
.2074115261345008:4baa24a8146808f4f6cf6e67e1e19f09_6a657ac4de10bce46a9fc03e.6a66b2855d8c366c783f180c.6a66b2855d8c366c783f180a:Trae CN.T(2026/7/27 09:21:09)
.2074115261345008:4baa24a8146808f4f6cf6e67e1e19f09_6a657ac4de10bce46a9fc03e.6a66bd445d8c366c783f1a9e.6a66bd445d8c366c783f1a9c:Trae CN.T(2026/7/27 10:07:00)
oss管理什么的
.2074115261345008:9006c8d8f3194ecd264e117bab693b8d_6a6828e53a183f49a8ada9af.6a683f1a3a183f49a8adab18.6a683f1adb757e389d6c1f88:Trae CN.T(2026/7/28 13:33:14)
.2074115261345008:88cfc310e5b6b63a66e2dde85a47b931_6a6828e53a183f49a8ada9af.6a6839093a183f49a8ada9da.6a683908db757e389d6c1f83:Trae CN.T(2026/7/28 13:07:21)
旋转特效 书架各种小ui优化过程
2074115261345008:359c7c93d8b9d2e6f5fdc734df23dc38_6a71c5584132f39a412d400b.6a71c55f67c2d8c17e70587a.6a71c5584132f39a412d400c:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/4 19:01:46)
2074115261345008:2c46a4fdfd0725f7d3fa2b2064a2b140_6a71c5584132f39a412d400b.6a71c7c767c2d8c17e705934.6a71c7c7e12ba81e23490602:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/4 19:10:11)
2074115261345008:871ddca485b9ec01f73fdce5213a8566_6a71c5584132f39a412d400b.6a71c98a67c2d8c17e705995.6a71c98a790df24bfca07962:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/4 19:16:49)
2074115261345008:e7174e8fd7b68a6f770d5cd47b74cb67_6a71c5584132f39a412d400b.6a71cb7267c2d8c17e7059c3.6a71cb71e5b857182085a72e:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/4 19:25:45)
书籍背景卡片动效
3340787277892116:602147270f163ef3688cea99d6d633e9_6a72e01e1b88ecf5c7028422.6a733922fc9da2a4ac1dc55a.6a733922fc9da2a4ac1dc558:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/5 21:22:42)
书架设计
3340787277892116:d55f4776c04f590cae2d1d3728536c29_6a72e01e1b88ecf5c7028422.6a732235fc9da2a4ac1dbce9.6a732235fc9da2a4ac1dbce7:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/5 19:44:53)
古籍前端文本排版
.3340787277892116:dc7196d43996ea9f8c120bfd8146062b_6a760e108ac7e5d67636d926.6a760e108ac7e5d67636d938.6a760e108ac7e5d67636d937:Trae CN.T(2026/8/8 00:55:44)
3340787277892116:3479870d3dc2f1baa2460b465644f23c_6a72e01e1b88ecf5c7028422.6a733a79fc9da2a4ac1dc5bb.6a733a79fc9da2a4ac1dc5b9:TraeWork CN.0.1.47.no_sid.no_ppe.T(2026/8/5 21:28:25)
古籍前端文本排版
.3340787277892116:dc7196d43996ea9f8c120bfd8146062b_6a760e108ac7e5d67636d926.6a760e108ac7e5d67636d938.6a760e108ac7e5d67636d937:Trae CN.T(2026/8/8 00:55:44)
古籍内容漏洞修复
.3340787277892116:9877b3c616ac8d406ed3474fdf9637bb_6a760e108ac7e5d67636d926.6a760e108ac7e5d67636d93a.6a760e108ac7e5d67636d939:Trae CN.T(2026/8/8 00:55:44)
.3340787277892116:70745775e171ad9ae2d87e79008cbfa3_6a760e108ac7e5d67636d926.6a76101a8ac7e5d67636da2f.6a76101ac45f482c4e4bc730:Trae CN.T(2026/8/8 01:04:26)
处理OCR古籍内容的不完整问题
.3340787277892116:391f58b79b5bda2b9b20d67c8f658c25_6a76d63b3f500aa658b90ad3.6a76e0433f500aa658b90ecd.6a76e043d3de75f2f7da52af:Trae CN.T(2026/8/8 15:52:35)
.3340787277892116:e3cbeaeda64310655150f8fbb1fd1399_6a76d63b3f500aa658b90ad3.6a76eba03f500aa658b90ff9.6a76eba0d3de75f2f7da52b4:Trae CN.T(2026/8/8 16:41:04)
6、技术栈、关键思路，未来思考
6.1、技术栈和大脑的烧烤过程
- 开发前收集所有信息，给ai一个雷霆大提示词
技术栈：Ai原生的整个路线开发。Ts全套，ossbucket存储资产，ai脚本流式输出，ai图片生成，ai视频生成。
所有生成服务走：请求-拿取-bucket存储-前端从短链拿资产。
核心开发思路：
如我开发过程show的提示词。我准备好了几乎所有ai需要的素材，源码，oss的密钥，ai的密钥，各种可参考代码，这部分前置工作我觉得比想象的困难，当然收益很大，这可以让我第一版本就一下把活干的差不多，因为耦合工作，需要的就是提供所有耦合需要的部件+胶水。
核心ai引擎技术栈：书籍创建：书籍切片生成分析，产出Ai和你意图一致的解析。相关画风，视频的激活生成。分批，根据你阅读进度。三段式设计
原文切片-ai分析【可以让你学习的-文字/适合画图的-图片/适合动态的-视频】
流式响应：非常快的体验，完全在考虑用户体验，我们自己一直尝试，直到用起来很舒服。
让ai调整我们的画风。
测试开发的思路，就是前面说的，每个步骤都让ai写测试，后续追功能也得确保这次的测试能过，还有那些bug，也通过测试跑通，后续也得跑。这样保证整体一直可用，而不是一直退化。
布局：我们用Trae生成了非常多版本画风-开始思考布局的阶段，最终采用其中一版本。前面展示的一个就是废弃方案。
6.2关键思路
个人按顺序讲
- 书籍空间思路，ai分析是陪着你阅读，图片是为了展现超越文字的东西，视频是为了展现超越静态的感受，画风和意图，是为了确保你感兴趣读下去。
- 做一些和别人不一样的，我们不想做那种实际上一个skill就能在其它软件实现的功能，至少得用起来有一种，在其它软件很难获得同等体验的针对书籍这个任务的设计。
- 画风不是为了猎奇，是为了让你有阅读下去的兴趣，意图也是。我觉得好多时候不是我们不想读，是太浮躁了现在，总是需要为了当下的关键的任务去奔波，但也许通过ai，你就能在娱乐之余也能兼顾你的学习任务？
- 画风内置，其实ai是不知道要哪些画风的，我一次性给了一大批，还有过程调试提示词啊，确保正常解析意图的小细节很多。
- UI是为了让你感受书，而不是炫，很多UI开源网站啊现在，我想我们加的很克制很有目的的，比如看见TRAE的咖啡分享页的一瞬间，我就很清晰的知道，哇这个可以用来转我们的书籍，还能把书籍展示+书籍创建集成在一个页面上。所以我立马截图给TRAEWORK 让他帮我设计一个。
- 分享功能，我觉得如果能把你有很多视频，图片分析的书分享给别人，在读书会啊什么的，可能会很不错，所以顶着爆bug的风险强行加上它。我觉得这也许可以成为一个新名片-快速互相了解？
- 加入，小学初中高中课文古籍，加入县志古籍。我们想展示不一样的可能性
- 加入公共示例，像读英语的意图展示，和瑞克莫迪的画风，让你看见不一样的读书视角产品体验，也许我们也只挖掘出这些ai功能的1% 也许有更多人有更丰富的玩法
6.3 未来计划
开源与未来【集成本地算力】
现在本地有强大的模型支持，图片/视频，小模型。我觉得这可以开源为一个架构 给所有人本地部署，成为一个阅读新体验，彻底把古籍活化？让大家按照喜好像绘画一样 把各类书籍，古籍做出各自的色彩与特色？
读书会使用
给到一些读书会使用 看看这种能不能改变传统读书会的阅读体验，交换一个让别人快速了解你的名片
福利院儿童使用
也许兴趣可以从小的地方播种，至少我已经了解到我们这边本地，一群老头似乎在一直做这个工作，每个月也会有人去讲课，我想或许有机会，我准备一下，也能去推广一下这个技术展示一下给他们看看？
也许还能嵌入一些html书籍自动coding出小游戏什么的
或者vr更沉浸的世界？希望这个先有人能用吧 
7.1 总结以上开发过程一些使用TRAE的技巧
- 追加开发的时候一次性给ai足够多的素材，让它从代码，图片，语言维度，知道你要的到底是什么。
- 完整功能链路的所有需要的都给它，密钥那些，不然它打不通就会断掉。
- 用trae开发多版页面，不断地说不好看，提出你不喜欢的点，你会收获一个可以用作产品的html，并在1中使用这个素材。-利用trae内置生图这些功能，实现快速的感受成品，而不是还要去提供素材。
- 用traework做一些UI复刻同样得到html素材给ai开发新功能，用trae搜集古籍清洗古籍。很多基础工作可以做的。
- 维持一个开发模式，我发现在开发过程中通过约束ai测试的代码需要一直延展下去，能有效避免ai把之前的代码修坏，反复提醒等，这还利于上下文管理。
- 写sop，比如我的服务器很小，需要关停发布，把这个流程给它。
- 架构上，从oss开始就和trae大量讨论，在相关上下文中，它能更好的知道你需要干什么，它能拿你密钥去看到底通没有，比聊天ai带你配置更顺畅。而且能教的很关键。
- 用skill管理复杂的流程，比如我的视频生成链路，管理好后让trae使用它进行开发，也是一种软件思路的表达。
- 让ai给你埋点测这个首字响应的时间，从而抓一些bug。关注过程轨迹，有时候轨迹能暴露ai的错误意图，及时打断。
架构核心：服务器，存储桶，内置生成服务。还有缓存，临时用户身份快速体验产品。
创新：我觉得我们这种结合应该是比较独立的解决方案思考，一种比较深度的结合。得承认这些技术很普遍，但是我们试图做出有趣的感觉这是我们的创新。
解决问题：带来全新的阅读体验，针对古籍/书籍，我们已尽可能把现在ai不影响阅读的能力都进行了衔接，同类产品应该没有类似体验。
