原贴： 【学习工作赛道】古风漫剧风单词助手（这一次！你一定要过四级！） - 《古风漫剧精准单词语义图片》X《丰富剧情》助力你学习英语！ - #41，来自 CC3
一、小程序版实际过程-干货人话版
索引：
-
- 初始化：用“小程序”关键词唤醒 IDE 的相关开发技能
- 初期 Plan：用 AI 的规划能力建立小程序开发框架
- UI 制作经验：参考外部仓库、概念图锚定设计
- 提前描述需求：避免后期更换小程序方案造成返工
- 修小 Bug 时顺带加入轻量需求：节约 Token 和开发轮次
- 提前拒绝 AI 瞎改：避免堆叠式修 Bug
- 高强度使用自己的 App：发现长期使用才会暴露的 UI 优化点
- 靠用户反馈增加功能：从真实需求中补齐产品体验
- 持续使用，持续迭代：从手机到平板、增加横屏适配和首字母跳转
接下来，我将系统梳理一下自己这个小程序从开发到逐步完善的全过程。
1、初始化、当提示词里明确提到“小程序”，ide会自动唤醒相关技能。
2、初期的plan会包含大量有用的初始化开发经验。比如网页迁移到小程序，ai提到的：
- 手势交互策略；触觉反馈；底部操作区域；顶部导航栏；小屏设备下的折叠规则；图片竖屏展示策略；入场动效；字体与轻微反馈；滚动条与滑动体验。
明确了小程序的基本开发框架。
3、ui制作经验，参考外部github仓库玻璃效果，并迁移到自己的项目中+概念图锚定设计。+必须要求ai在plan中引用仓库和skill设计
结合完整代码+比如下面这种概念图。
明确下载代码，而不是只给仓库路径，明确计划中必须包含代码引用，skill引用。
4、提前描述好需求，避免更换小程序方案
返工其实是因为需求一开始没有描述清楚。如果我一开始就告诉 AI：“我希望这个项目可以直接运行，不要依赖复杂路径”，它很可能会从一开始就给出更合适的方案。而不是有依赖构建的这种。
5、修小bug的时候可以附带一些其它需求。节约token
因为一次性拉了完整单词卡死，增加缓存方案。这种小型修复可以顺便在提示词中增加ui优化等，节约token。
6、提前拒绝ai瞎改。并给出合理可执行方案。
AI 有时会倾向于使用“堆叠式修 Bug”的方式。比如页面卡了，它可能会建议增加缓存、做降级处理、减少渲染等。但我明确知道，之前这个页面其实并不卡，是上一轮优化之后才引入了新的卡顿问题。
提前拒绝ai可能给的缓存方案，逼他找到解决方法。这里做了很久，但最后发现，还是不太行。所以我想了让他源码放一张底图作为玻璃映射。
7、高强度使用自己的app发掘一些ui优化点
日间模式尽量少用阴影，长时间使用才会瞄到这种点。有微弱阴影不好看。
以及使用过程发现横屏体验可以优化，从左优化到单独设计的右侧ui
这部分完整又考虑到用户进入的体验，增加引导
过程中修复了一个顽固bug、底层透射，ai解决几轮解决不了，我就说那就直接把底图内置，确保一开始就折射对应的图。确保加载过程有好看的ui，而不是纯黑
8、靠用户反馈加功能，增加语言并缓存到oss
这个也改了几轮，第一张增加，第二三张是优化后的。
9、持续使用持续迭代
平板使用发现顶部遮挡，左优化到右
增加首字母跳转
