0. 先和大家打个招呼吧 
-
你是谁：没有一点代码经验的汉语言文学专业毕业生（教培打工n年版）
-
你是怎么用 TRAE 把 Demo 做出来的： 将我的创意文档和提前规划好的网页设计风格发给TRAE，然后在TRAE生成内容的基础上进行修改和调整，并检查是否有bug。
1. Demo 简介
-
是什么：一款基于 AI 的求职辅助网站，帮助人文社科背景毕业生高效准备求职材料。
-
面向谁：核心用户是毕业1-3年的人文社科类毕业生，他们在求职过程中面临简历撰写难、面试准备不足、投递管理混乱等痛点。
-
主要功能：
功能演示.zip (5.4 MB)
（1）个人经历资产库
（2）简历适配 + 面试逐字稿
（3）投递记录与复盘
2. Demo 创作思路
-
灵感来源：我从大学4年到工作3年有很多段丰富的经历，但是由于过往太杂太碎，等我想跳槽时，却发现自已经很难跳出去了。所以，我想要做一个帮助纯文科生梳理自己工作经验的小工具，帮助大家把每一段经历的闪光点精准翻译成岗位语言。
-
想解决的问题：
（1）经历分散难整合：很多文科生身兼多职导致经历碎片化，因此简历内容堆砌，重点不突出；
（2）跨行表述困难：同一段经历需要针对不同岗位重新"翻译"，手动改写耗时； -
（3）投递记录混乱：投递多岗位后，忘记每个岗位用了哪版简历。
-
为什么做这个方向：
市面上很多的求职产品都是针对所有用户的，涵盖社招和校招，并且往往是理工科背景的同学制作的，因此在产品设置上很多部份不太贴合文科生的实际需求，因此我想要做一款适合文科生的求职小工具。身份 个人情况 求职情况 理工科 讲求技术深度，往往是在同一领域深耕 跳槽的时候往往行业和岗位明确，简历也往往也不需要修改多版 纯文科 经历会更碎片化，可能涉及不同领域 跳槽的时候还有可能跨行或跨岗，因此在投递简历的时候需要从自己的经历库中筛选出适合岗位的对应经历，并且重新润色组合成一份完整的简历
3. Demo 体验地址（三选一）
-
交互式可体验的HTML格式文件：
wenyan-zhiyu0709.zip (34.7 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程；
-
**需求分析与原型设计：**通过TRAE对话梳理产品功能模块；确定核心用户画像和使用场景；设计页面结构和交互流程
-
**界面开发：**使用TRAE生成HTML骨架和CSS样式；实现活页夹风格的经历类型选择器；开发自定义年月选择器组件；实现响应式布局和动画效果
-
**功能实现：**使用TRAE编写JavaScript交互逻辑；实现表单验证和数据持久化（localStorage）；开发滑动页面切换功能；实现AI推荐和内容生成的模拟逻辑
-
**优化迭代：**根据用户反馈调整界面布局：修复交互Bug（滑动切换、状态编辑等）：优化用户体验（按钮状态同步、内容遮挡问题等）
-
-
附开发关键步骤截图（不少于 3 张）；
开发步骤关键图.zip (737.5 KB)
-
附关键任务对话的 Session ID（不少于 3 个），用于证明作品由 TRAE 开发完成：1030693469816740:b417da105bc0b9ee1e309970490d3dba_6a3943422c2a1b19f210614b.6a4d076904af90aa7983ae6a.6a4d076904af90aa7983ae68:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 22:04:25)
1030693469816740:bbdc78026d0abe2787e03d1d3ebc5b6e_6a3943422c2a1b19f210614b.6a3947a32c2a1b19f2106175.6a3947a32c2a1b19f2106173:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/22 22:33:07) -
1030693469816740:8819b293170e0b6a96ef261d274c6b26_6a3943422c2a1b19f210614b.6a4e529004af90aa7983b175.6a4e528f04af90aa7983b173:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 21:37:20)
5. 对应的报名审核通过的帖子链接： 文言职语——愿文科生求职没那么难