HexLens 英雄联盟战绩查询与分析工具产品系统Vibe Coding

英雄联盟国服玩家想在游戏外查战绩、开局前了解队友，通常要跳转多个第三方网站，信息分散、广告多、体验割裂。HexLens 的立项原因就是把这些需求收进一个本地桌面工具：通过客户端本地接口查询数据（只做本机查询、不做批量爬取），集中展示历史战绩、当前对局双方数据、英雄点数与常用英雄，帮助玩家开局前快速评估对局、赛后高效复盘。

核心功能模块：1、战绩查询：通过客户端 LCU 与腾讯 SGP 接口查询任意召唤师战绩（支持名字/名字#TAG/PUUID 跨区搜索），真分页列表 + 队列筛选 + 页内多维筛选，单局详情六视图（总览/详尽表格/事件/构建/符文/时间线），回放一键下载与观看；2、实时对局：WebSocket 事件驱动（零轮询）展示十人卡片、段位、常用英雄与近期战绩，自动识别开黑组合；3、符文之地 3D 大地图：复刻官方宇宙页的 3D 地图，27 块高清瓦片按缩放切换、8 座首府 3D 地标、悬停区域资料、点击飞抵与官方图文面板；4、生涯报告：周报、高光时刻收集册、开黑搭子榜与个性装扮；5、自动化：自动接受、自动点赞、自动返回房间与游戏内快捷播报；6、辅助窗口：游戏内透明悬浮窗（对局计时/KDA/高光播报）；7、藏品与桌面体验：皮肤与炫彩图鉴、资产计数、战利品面板、系统托盘、自动更新、暗/亮主题、侧栏菜单自定义、绿色便携（数据存安装目录旁）、断网离线可用。

我独立负责产品设计、前端界面与 Electron 主进程开发。技术栈为 Electron + Vue3 + TypeScript + Pinia + Vite + ECharts + three.js：通过本地 LCU 接口与腾讯 SGP 接口取数，封装查询模块并实现缓存与错误重试；对局页用 WebSocket 事件驱动替代轮询；3D 符文之地采用 three.js 与自研后处理链（FXAA/暗角/移轴/泛光），按需渲染并用 WebContentsView 内嵌主窗；界面为自研组件与动效，接入自动更新（OSS 分发 + 原位交换）与自动化操作日志。难点是 LCU 连接状态与游戏进程联动、接口数据结构不稳定，通过适配层与降级策略保证稳定性。