🎨 智绘诞生记¶

一次 Vibe Coding 的完整旅程

缘起¶

想做一个自己的画图工具。不是再造一个 Midjourney，而是把 API 包装成自己顺手的样子——想改 prompt 就改，想换参数就换，不用排队，不用切 Discord。

用的模型是 GPT-image-2。

第一阶段：原型构建¶

搭起了一座最小可行性的小屋——单图生成、五种比例、一键下载。

朴素得只剩功能本身。

第二阶段：功能扩展¶

像为小屋凿开更多门窗：

多图生成：提示词用 --- 分割，同时召唤多张图卷
重复生成：单图模式引入 1–5 次重复，让灵感批量涌现
假进度条：设计为 100 秒的非线性进度条，前 90 秒缓缓蠕动，最后 10 秒才加速完成——用一点幽默的"心理欺骗"消解等待的焦灼
智能命名：下载文件名带上时间戳与提示词前缀，图片管理从此有序
刷新警告：为所有未保存的创作撑起安全网

第三阶段：日式美学改造¶

让每一次打开页面，都像步入一间洒满纸灯暖光的茶室。

配色：科技感深蓝 → 和纸米白 #f0ebe1，暗朱红 #b03a2e + 古金 #c9a96e，仿漆器上的金莳绘
字体：标题 Noto Serif SC，正文 Noto Sans SC
动效：背景墨流缓缓晕开，进度条化身枯山水砂纹，出错时界面如金缮修复的陶瓷

工具不再是冰冷的铁器，而是一卷可以触摸、可以驻足的绘卷。

第四阶段：游戏系统¶

用一款记忆配对游戏替代了枯山水进度条——一套精心设计的"修炼"系统：

从 2×2 到 10×10 逐级挑战
初始 3 枚生成额度，逼你认真雕琢每次生成
每升一级奖励 等级×3+5 额度
隐藏彩蛋：连续点击 5 次触发（每日一次），随机 18–25 额度
通关最高难度解锁无限额度

把"生成"变成一场有约束、有惊喜的修炼。

第五阶段：智能提示词优化¶

让 AI 开始参与"如何向 AI 表达"。

并列引入三台引擎：MiMo v2.5、DeepSeek v4-flash、DeepSeek v4-pro。根据模式动态调温：

模式	温度
PPT 模式	0.55
图纸模式	0.40

三框对比，择优而取。

第六阶段：安全与架构¶

API 密钥剥离到 config.js，如宝物藏入里屋
加载回退机制 + 明确错误提示
推荐后端代理、环境变量等进阶部署方案

项目骨架¶

new_index.html   # 主页面，承载 UI、游戏与动画
├── config.js         # 敏感配置，静默守护
├── 枯山水.txt        # 200 条禅意文案，随进度浮现
├── 提示词.txt        # 100 组优化模板，沉淀表达智慧
└── (规则)            # 提示词优化细则，无声的导师

感想¶

这个工具不是什么了不起的工程创新，它只是一个刚好够我用的东西。

但正是这些东西构成了 Vibe Coding 的意义——你不是在等别人做好你要的功能，而是自己动手把它变成现实。

每打开 lowentro.cn/paint/，那个洒满纸灯光晕的页面，比当年折腾 Midjourney 的自己，从容多了。

写于 2026 年夏 · 低熵体