Plugins
注:安装/卸载方式,/plugins。
code-review
介绍
自动检查代码质量,找bug、逻辑问题。
使用方式
review this modulegrepfile
介绍
搜索整个项目字符串
使用方式
哪里调用了apiCallDock?ralph-loop
介绍
写代码,自己检查,自己改
figma
介绍
设计界面和UI,直接读取设计稿结构,自动布局、调色、新组件
使用方式
重新设计整个HUD为塞博机械风frontend-design
介绍
解决UI太AI味
contex7
介绍
深度理解整个repo,关联UI文件
统一HUD风格美化UI
你只允许修改 UI 层代码。
禁止修改:
- JSON 数据结构
- API 调用逻辑
- 游戏核心逻辑
- 状态系统
如涉及以上内容,必须先询问我。使用 context7 分析整个项目的 UI 结构。
请列出:
1. UI 入口文件
2. 所有 HUD 相关文件
3. 所有设置界面文件
4. 所有 API Dock 相关 UI 文件
5. 样式文件或主题文件
6. 各模块之间的 UI 关联关系
只做结构分析,不修改代码。基于刚才的 UI 结构分析。
请列出:
1. 布局层级问题
2. 信息拥挤问题
3. 视觉焦点问题
4. 阅读路径问题
5. 风格不统一问题
不要写代码。
只给完整的 UI 重构建议方案。按照变更计划开始执行 UI 重构。
要求:
- 推倒旧布局
- 重建 HUD 分区
- 优化视觉层级
- 提高信息可读性
仅修改 UI 层文件。使用 ralph-loop 持续优化当前 UI。
目标:
- 风格统一
- 间距一致
- 字号系统统一
- 视觉层级清晰
直到没有明显视觉冲突。使用 frontend-design 技能优化视觉设计。
要求:
- 避免默认按钮样式
- 增加层级感
- 增强沉浸感
- 提升游戏 HUD 风格使用 context7 检查:
1. 是否存在重复样式
2. 是否存在重复布局结构
3. 是否存在风格不统一的组件
列出需要统一的部分。统一修复上述问题。
仅调整 UI 层。
不修改逻辑。运行项目。
分析当前界面视觉问题。
列出 10 个最严重 UI 问题。解决上述 10 个问题。
允许大胆调整布局。
优先提升沉浸感。使用 code-review 检查:
1. 是否误修改业务逻辑
2. 是否影响 JSON 数据流程
3. 是否影响 API 调用
只做安全检查。中途提问
注:选择Yes, auto-accept edits。
主界面要哪种布局?
只做 UI 层重构,不改任何业务逻辑/JSON/API/状态系统。
如果某个改动可能影响逻辑,请停下并改为“仅替换布局和样式”的实现。
下面我回答你的问题,请按我的选择执行,并在执行前列出将修改的 UI 文件清单。
选择【布局2:左导航 + 中间步骤 + 右侧抽屉/可展开面板】。阅读体验优先,中间区域尽量宽,不要做成管理后台样式。
具体要求:
1) 左侧:垂直导航(主功能入口),只放图标+短文字,支持折叠(折叠后仅图标)。
2) 中间:主工作区/主面板(你现在的核心内容、步骤、列表等都放这里)。
3) 右侧:抽屉/可展开面板(用于“预览/详情/API Dock/状态说明/帮助”等次要信息),默认收起,点击按钮展开。
4) 顶部:仅保留一条轻量 Header(标题 + 全局状态 + 设置入口),不要占太高。
5) 所有内容仅重排 UI,不改任何数据流和逻辑函数调用。API Dock 放哪?
只做 UI 层重构,不改任何业务逻辑/JSON/API/状态系统。
如果某个改动可能影响逻辑,请停下并改为“仅替换布局和样式”的实现。
下面我回答你的问题,请按我的选择执行,并在执行前列出将修改的 UI 文件清单。
API Dock 放在【右侧抽屉】里,默认收起。
理由:它属于辅助信息/工具,不应该抢主视觉焦点。
要求:
- 右侧抽屉展开时显示 API Dock(请求状态、开关、日志等)
- 收起时只保留一个小“Dock按钮/指示灯”(在右侧边缘或顶部右侧)
- 不改 API 调用逻辑,只改显示位置和容器。风格/主题是什么?
只做 UI 层重构,不改任何业务逻辑/JSON/API/状态系统。
如果某个改动可能影响逻辑,请停下并改为“仅替换布局和样式”的实现。
下面我回答你的问题,请按我的选择执行,并在执行前列出将修改的 UI 文件清单。
选择:沉浸式叙事游戏风格。
整体方向:
目标不是科技界面,也不是管理后台。
界面应像一款独立叙事游戏的操作界面,
强调沉浸感、阅读体验和世界观氛围。
布局选择:
左导航 + 中间主内容区 + 右侧可展开抽屉。
具体要求:
1. 左侧导航:
- 垂直导航。
- 保留现有功能入口,不新增功能。
- 支持折叠(折叠后仅图标)。
2. 中间主区域:
- 阅读体验优先。
- 尽量宽。
- 用卡片或章节分区,而不是密集列表。
3. 右侧抽屉:
- 放 API Dock / 日志 / 预览 / 状态说明。
- 默认收起。
- 不抢主视觉。
视觉风格:
- 不使用霓虹、科技蓝光或强发光效果。
- 使用低饱和配色。
- 面板类似书页或任务面板。
- 通过排版层级建立重点,而不是高对比颜色。
按钮:
- 主操作按钮清晰但克制。
- 次操作弱化。
- 危险操作明确区分。
重要:
仅允许修改 UI 布局和样式。
禁止修改:
- JSON流程
- API调用
- 状态系统
- 游戏逻辑
开始前,请列出将修改的 UI 文件清单。
评论区