战场兄弟中文攻略站产品系统Vibe Coding

《Battle Brothers》（战场兄弟）是一款硬核回合制战棋独立游戏，装备、敌人、机制数据庞大，但国内缺少系统化的中文资料，玩家只能翻英文维基。为解决中文玩家查询装备数据、了解游戏机制困难的问题，立项搭建中文攻略站，覆盖装备图鉴、敌人图鉴、机制攻略等内容，面向国内玩家提供一站式查询服务。

网站包含四大模块：1）装备图鉴——收录全游戏 456 件物品数据（装备/消耗品/材料，含 DLC），支持按名称、类型筛选和关键词搜索，数据从官方维基抓取并完成中文化；2）敌人图鉴——收录 137 种敌人详细数据；3）攻略文章——战斗机制、属性作用、开局策略等深度内容；4）全站静态化——预渲染 575 个详情页，搜索引擎可直接抓取收录。响应式设计，手机电脑均可流畅浏览。

我负责产品规划、数据采集与中文化、前端开发、SEO优化及部署上线全流程。技术栈：原生 HTML/CSS/JavaScript + Node.js 构建工具链。亮点：用 Node 脚本从官方 wiki 抓取 456 条数据并自动生成中英对照，构建 575 个静态详情页，解决 JS 动态渲染不被爬虫收录的问题;难点是数据清洗与译名统一，最终用数据驱动渲染实现一处修改、全站更新。上线后日均 UV 60+，被百度、必应稳定收录。