侧边栏壁纸
博主头像
小新笔记坊

笔耕学思悟,细绘生活卷。

  • 累计撰写 89 篇文章
  • 累计创建 29 个标签
  • 累计收到 143 条评论

目 录CONTENT

文章目录

Claude Code使用心得

小新笔记坊
2026-02-27 / 0 评论 / 0 点赞 / 4 阅读 / 0 字
温馨提示:
本文最后更新于2026-02-27,若内容或图片失效,请留言反馈。

Plugins

注:安装/卸载方式,/plugins。

code-review

介绍

自动检查代码质量,找bug、逻辑问题。

使用方式

review this module

grepfile

介绍

搜索整个项目字符串

使用方式

哪里调用了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 文件清单。

0
AI
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin
    1. 支付宝打赏

      qrcode alipay
    2. 微信打赏

      qrcode weixin

评论区