用一条免费提示词重做臃肿的 AI 生成应用后台

Income Stream Surfers 分享一条免费的 Claude Code 提示词:先审计代码库、出改版草图等你确认,再把菜单归并为 4-7 个区域,并通过功能开关上线。

Income Stream Surfers · YouTube · 发布于 2026年10月28日 · 软件开发与运维

用一条免费提示词重做臃肿的 AI 生成应用后台,Income Stream Surfers 的视频▶ 在 YouTube 观看
提示词
审计这个代码库,如果有页面分析数据,就找出哪些页面用得最多。先做更简洁的界面草图,并停下来等我确认。然后把所有页面归并为 4-7 个侧边栏区域(点击某个区域,顶部栏变成该区域的标签页,很少用的页面放进“更多”),由一个配置文件驱动整个菜单。用功能开关上线(生产关闭、预发布开启),并检查每个页面:下一步操作明确、先看摘要、手机上可用。

图解

一条免费提示词能把杂乱的 AI 生成应用后台改得更清爽:先审计代码库,出改版草图等你确认,把菜单归并成几个区域,再通过功能开关上线。

要解决的问题: AI 生成的应用不断堆功能,布局混乱、关键信息难找,手机端几乎没法用。

改版提示词的工作流程

  1. 扫描代码库与使用数据读取整个代码库,有的话再加上每个页面的分析数据
  2. 生成草图Claude Code 做出新布局的草图
    丢弃: 你不满意的方案
  3. 人工确认提示词会停下来等你确认或否决
  4. 重组菜单4-7 个侧边栏区域;点击区域后顶栏变标签页;少用页面放进“更多”
  5. 功能开关生产关闭、预发布开启,一个配置文件驱动菜单
  6. 更清爽的应用更简洁的侧边栏、可用的手机布局,可做成 PWA
输入人工 / 配置AI 代理结果

每个页面必须通过的“清爽”清单

  1. 像业务自己的空间
  2. 下一步操作明确
  3. 一眼可见、无需寻找;先看摘要
  4. 状态保留、内容不消失、数字可信

关键数字

在你自己的应用上试试

从视频简介获取免费提示词,在你的代码库里用 Claude Code 运行。

  1. 第一阶段,取证:审计使用情况,有页面分析数据就用上(可选)
  2. 第二阶段,草图:审阅并确认后才继续
  3. 第三阶段,信息架构:把页面归并为 4-7 个侧边栏区域
  4. 用功能开关构建,生产关闭、预发布开启
  5. 对照“清爽”清单检查每个页面,包括手机端

要点

  • 用真实使用数据:用户为切换月份点了很多次,于是改成了胶囊选项。
  • 用功能开关上线,避免用户一夜之间被改版吓到。
  • 菜单选项变少后,手机布局用起来像一个 App。
  • 没有分析数据也能用,数据这一步是可选的。

根据视频字幕提炼

怎么上手

  1. 打开 Claude Code。
  2. 复制提示词,把 [方括号] 里的内容换成你自己的。
  3. 观看 Income Stream Surfers 的视频,了解完整流程和配置方法。

相关用例

分享

微博XTelegram