一、项目缘起:痛点在哪里?
在玩《逸剑风云决》时,我发现很多玩家都遇到过同样的烦恼:
- 攻略太分散——B站视频、图文攻略、NGA论坛、九游等平台各讲一部分,要找齐信息得来回切换好几个网站;
- 准确性无法确认——同一任务在不同来源说法不一,甚至互相矛盾,跟着走容易踩坑、走弯路;
- 缺少专业武侠攻略站——目前没有针对这类武侠游戏的权威、完整、体验好的攻略平台。
于是我想用 TRAE 一次性把这些痛点解决,做成一个真正可用的攻略网站。
二、创意亮点:我用 TRAE 做了什么?
- 一站式聚合:把角色、武学、任务、地图、DLC 内容聚合在同一个网站,搜索即达,告别到处找攻略。
- 内容准确性优先:攻略内容经多轮人工核实(对标 B 站、3DM 等可靠来源),修正了多处网上常见的错误信息(比如补齐临昌城、玄火教、龙门峡等地点,删除虚构内容),绝不放任何虚构内容。
- 沉浸式武侠体验:古典水墨武侠风格设计,暗色/亮色主题切换,手机端也做了深度适配,支线、隐藏支线在手机上都能清晰阅读。
- 可扩展:当前聚焦《逸剑风云决》,架构上预留了扩展其他游戏的能力,未来可覆盖更多作品,还能加社区、投稿、纠错机制。
三、核心功能


角色攻略:主角及队友的完整资料、武学、装备、入队流程
武学系统:全武学功法、获取方式、效果属性
任务攻略:主线 / 支线 / 隐藏任务完整流程
地点探索:地图、NPC、宝箱、资源分布
DLC 内容:碧海仙踪、塞外风光等完整攻略
全站搜索:快速定位想让找到的任何信息
四、技术方案
React + TypeScript + Vite + Tailwind CSS,结构化 JSON 管理数据,可独立部署、局域网访问。Demo 已打包(Zip),可直接运行体验。
五、尾声
这个项目由 TRAE 全程驱动完成——从页面搭建、数据整理核实,到移动端优化、一键构建打包,AI 创造力真的能落到一个可用的真实产品上。
欢迎体验 Demo,也欢迎对攻略内容提出纠错建议。希望大家喜欢,也希望能得到大家的支持!![]()
五、对话分享
【开发逸剑风云决攻略网站 - TraeWork】TraeWork - AI 办公平台 | 自动生成PPT/数据分析/深度调研/文档撰写
游侠攻略网-Demo.zip (589.7 KB)