我用AI做了个小程序,全程没写一行代码

好久前的某个晚上，我在书架上翻到一本尘封已久的《色彩心理学》。

随手翻了几页，突然冒出一个念头：要不把这个做成小程序？

直到几周前又开始有了这样想法

然后我打开了Windsurf。

说实话，我不是程序员。

大学时学过一些编程课程，会写点HTML，做过几个简单的静态网页。

但小程序开发？完全没碰过。那些`.wxml`、`.wxss`、`.js`文件，微信的组件系统、生命周期、数据绑定……对我来说都是陌生的。

但这次不一样。我有Windsurf，有ClaudeSonnet，还有刚出的4.5和4.6。

我想试试，在2026年，一个只会基础前端的人，能不能靠AI做出一个完整的小程序。

于是我开始了这场实验。

最开始的想法很简单：做一个色彩心理测试。

我把《色彩心理学》这本书的核心理论告诉AI：

8种颜色，每种对应一个性格特质

用户选3次颜色，分别代表本质、挑战、未来

根据选择生成解读报告

AI很快就给我搭好了框架。我看着那些`.wxml`、`.wxss`、`.js`文件，完全看不懂，但能跑起来。

第一版很丑，就是8个色块，点一下，出个结果。但它能用。

那一刻我突然意识到：门槛真的降低了。

做着做着，我发现一个问题：解读文案太浅了。

我不想做那种选红色就是热情的肤浅测试，我想要有深度的、基于理论的解读。

于是我把书的PDF扔给AI，让它读。

ClaudeSonnet4.5读得很认真，它不仅提取了8种颜色的性格特质，还注意到了书里提到的互补色理论、脉轮系统、色彩呼吸法。

然后它就做了。

测试做完了，但我不满足。

我想要日常配色指南——告诉用户面试该穿什么颜色、卧室该刷什么墙漆。

我想要色彩呼吸练习——屏幕随着呼吸节奏明暗变化，配合引导文字。

我想要好友匹配——两个人测完，自动生成契合度报告。

每次我提需求，AI都会问我：这个功能的逻辑是什么？

我就像跟产品经理聊天一样，把想法说出来，AI就把它实现了。

有时候我会在Claudesonnetopus4.54.6之间切换，因为它们各有所长：

我就像个导演，指挥着不同的AI演员完成不同的戏份。

刚开始，我还很"传统"。

每次做新功能，我都让 AI 先出详细方案、设计图、交互流程图。然后我看完文档，理解逻辑，再让它开始写代码。

但做到第六天，我突然意识到：**这样太慢了**。

因为编码的成本真的变得很低。与其花时间看文档、看设计图，不如直接让 AI 给我构架，直接出成品，然后从结果再进行优化。

这样对我来说更直观。

我能直接在小程序里点一点、滑一滑，看看交互是否流畅，配色是否舒服，文案是否通顺。

发现问题？直接说："这个按钮太小了""这个动画太生硬""这段文案太官方"。

AI 立刻改。

改完，再看，再调。

**从结果倒推，比从方案正推，快太多了。**

这可能是 AI 时代独有的开发方式：不是先设计后实现，而是先实现后优化。因为试错成本低到可以忽略不计。

做小程序，除了代码，还需要素材。

图标、插画、背景音乐、引导文案……以前这些都得找设计师、找音乐人、找文案。

但这次，全是AI。

图标：我用Midjourney生成了8种颜色的几何形状（红色正方形、橘色菱形、黄色三角……），简约、高级、符合色彩心理学的定义。

背景音乐：我让AI推荐了8首符合不同颜色能量的音乐（红色用部落鼓声、蓝色用海洋冥想曲……），然后从免费音乐库里找到了对应的曲子。

引导文案：色彩呼吸练习的每一句引导词，都是AI根据脉轮理论生成的。比如红色对应根轮，文案就是想象温暖的红色光芒从脊柱底部升起，充满你的双腿……

解读报告：336种颜色组合的解读文案，全部由AI基于书中理论生成，然后我逐一校对、润色。

整个过程，我没花一分钱买素材，也没求任何设计师帮忙。

做到后期，我发现一个神奇的现象：AI开始主动优化细节了。

比如我说色彩呼吸练习的圆环动画有点生硬，AI不仅改了动画曲线，还主动加了震动反馈、屏幕常亮功能。

比如我说好友匹配的报告太干巴巴，AI不仅优化了文案，还加了冷暖色谱对比条、相处建议模块。

它甚至会提醒我：你的主包体积超了，要不要做分包？

我说好，它就自动把页面拆成了4个分包，还优化了加载速度。

那一刻我意识到，AI不只是在执行指令，它在跟我共创。