【学习工作】
【学习工作赛道】 + 溯光 Aetherlight
【正文】
0. 先和大家打个招呼吧 
-
你是谁：
大家好，我是北京邮电大学大一升大二的学生，对ai coding很感兴趣，但现在还在摸索阶段，想从黑箱慢慢进化到灰箱，希望不只是会用AI写代码，还能慢慢理解它是怎么工作的，欢迎大家对我的作品多提建议和想法，谢谢大家！ -
你是怎么用 TRAE 把 Demo 做出来的：
由于我纯纯是个技术小白，还是处于黑箱阶段，所以我和TRAE之间纯纯就是我和TRAE说一些最朴素最直白的自然语言，比如：“xxx怎么会这样，我需要什么什么样（在这里我会描述一些脑海中对于这个网站的设想），你帮我改一下”，然后TRAE会时不时追问我它对于我的要求的理解是否准确，一步一步帮我实现我脑海中的设想。
做这个demo的过程中我遇到最难的问题就是知识库和图片库的搭建，直到现在也没解决好（嘤嘤嘤），由于中华传统文化的内容实在是太多太丰富了，这个知识库的搭建花了我很多时间和对话额度也没做好，或者换个说法是做出来的效果我还不满意，期间我让ai又是爬虫别的知识网站的内容，又是在GitHub上下了一个又一个史料文化的资源包，但是最后整理出来的内容还是远远不够。而图片库的话，首先作为一个知识型网站，图片肯定是必不可少的，可是图片的获得很难，其中牵扯了很多版权问题，所以我只能让ai帮我找可以免费使用的图片，但是hhhh，这里的多数图片都是不适合的。后来ai又给我提了一个想法，是ai生图，由于我是个贫穷的大学生，所以我只能使用免费的模型来生成图片，然后效果的话，当然也是不理想的，所以图片库的事就只能就此作罢。
让TRAE帮我搭建网站的过程中有一些烦心事，但是更多的是惊喜和启发，惊喜在于TRAE让我知道原来做一个网站那么简单，我只需要和它说说我的想法，就真的可以获得了一个看起来还不错的成品，即使我是个编程小白，根本不会写任何一行有用的代码。启发在于ai真的很厉害，而且进步迭代神速，我还有很多东西需要学习。还有一个感概是字节推出TRAE是有独到见解的，让普通人花最低的成本实现了以前想做但不会做的事，让我可以蹭蹭一些模型的使用哈哈哈。
由于期末周的时间过于紧张，我花在这个项目上的时间不多，这个demo还有非常多的地方要改，但是感谢TRAE，让基本一行代码都不会写的我也算是搭出来了一个网站，以后我会用TRAE慢慢一一实现我的脑海中的想法的。
1. Demo 简介
-
是什么：
一个 Web 端 的中国传统文化活化的AI互动与科普平台。 -
面向谁：
中华传统文化爱好者。 -
主要功能：
知识长廊：一个集成了中华传统文化知识的文化科普模块。与名家对话：一个基于大语言模型 API 实现的“历史名家角色扮演”对话模块。系统通过预设提示词让 AI 模型模拟历史名家的语气与性格特征，让用户可以与他们进行 1 对 1 的模拟对话。
艺创工坊：一个辅助用户进行国风内容（图片、音乐）生成的“AI 艺术创作”模块。
2. Demo 创作思路
-
灵感来源：你为什么想到做这个；
做这个网站最初的起源是因为我的一位学姐和我讨论到，现在没有一个专门的集成了所有中华传统文化的平台，一个传统文化爱好者想学习不同的知识时需要访问不同的网站、app，甚至也可能因为信息差，根本不知道去哪里才能获得自己想学的内容。
我听完后觉得这是一个很好的点，我可以从这个点往下延伸，先建立一个庞大的、集成了绝大部分中华文化的知识库，然后又因为我个人对ai方面有点兴趣，我想可以通过接入大模型api的方法实现与历史名家对话和ai生图、生音乐的功能，我想这可以也是活化传统文化的方式之一。 -
想解决的问题：用户真实存在的痛点；
首先，节省用户的时间精力。不论用户是想看敦煌，还是想看李白，还是想看京剧，都可以在这个网站里看到，不需要翻好几个网站或app。
此时你可能想问，这不是一问ai就行吗？
这时候就来到了第二个点，让用户以低时间成本看到真实的内容，而不是ai的幻觉输出。这个项目的知识库是
第三，这个网站还接了一些模型的api，有ai生图、声音的功能，可以让用户实现国风创作。 -
为什么做这个方向：你的判断和取舍。
这个项目的方向主要是AI+传统文化，说实话，这个东西有很多人在做，
3. Demo 体验地址（三选一）
- https://aetherlight.vercel.app/
这个网站我暂时部署在了 Vercel 上，国内直接访问可能不太稳定，建议科学上网后访问。
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程；
我对这个demo的开发流程可谓是非常新手，由于我是小白，所以很多复杂的东西我都看不懂，但是网站的前端页面我是看得懂的，所以一开始我是先和claude唠了一下，让它给我一段关于网站前端页面的提示词，然后我在lovable生成了一个看着还行的前端页面，就让TRAE不断地帮我修改前端的细节。
再进一步就是搭建知识库、接大模型api、部署网站到vercel，传代码到GitHub、传数据到supabase，做了差不多这些内容后就是不断地完善功能、修改细节了。 -
附开发关键步骤截图（不少于 3 张）；
-
附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成。
2745947628533707:8f0dac4305b047a4fc700919c1800ee2_6a3c80fa9555897bed0d4ec3.6a3c96a79555897bed0d597c.6a3c96a79555897bed0d597a:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/25 10:47:03)
2745947628533707:ac56fb4e144c25865f9d043ff86fbb6c_6a3c80fa9555897bed0d4ec3.6a3c92589555897bed0d56dc.6a3c92589555897bed0d56da:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/25 10:28:40)
2745947628533707:4fed8367403a3e5d67621043d0c4c963_6a3c80fa9555897bed0d4ec3.6a3c95d39555897bed0d58e4.6a3c95d39555897bed0d58e2:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/25 10:43:31)
5. 对应的报名审核通过的帖子链接