完全由AI生成的APP上架啦 - ColorPicker

最近AICoding的大火，估计也不会继续发文啦。最近这个月深度体验了ai coding的能力，也借助字节的Trae完成了几个产品，借着首个app上架一周的时间、并获得首个自然用户的评价（虽然是个差评）这个时机，给大家分享一下我最近在筹划的一个专栏 -- 《人人都是程序员》

确实是没想到外国人也会因为语言问题给差评，谁说欧洲人素质高来着?

1. ColorPicker上架谷歌应用市场

最近这段时间的各种AI工具的使用，加上首个99%以上内容由AI生成的APP（ColorPicker）在谷歌应用市场的成功上线，忽然意识到“人人都是程序员”这一现实好像在加速到来。

还记得我在初入这一行时，当时的TL推荐我们程序员要有产品思维，多看看《人人都是产品经理》这一本书，没想到今天我要开始着手准备《人人都是程序员》了。

首先给大家看一下这个完全由AI完成的APP（3.17号上架通过）

下面是实际的体验效果（整体功能齐全啦）

希望体验h5的小伙伴可以访问下面两个地址（一个是自己的域名，一个是白嫖的cloudflare服务），或者直接点击文末的访问原文直达

- http://cdn.hhui.top/app/color-picker/index.html#/

- https://colorpicker-bpx.pages.dev/#/

已关注关注重播 观看更多

一灰灰blog

0/0

00:00/01:22进度条，百分之0播放00:00/01:2201:22全屏

倍速播放中 0.5倍 0.75倍 1.0倍 1.5倍 2.0倍超清流畅

继续观看

首个完全由AI生成的APP上架啦 - ColorPicker

原创,首个完全由AI生成的APP上架啦 - ColorPicker一灰灰blog已同步到看一看写下你的评论

视频详情

1. 主要的业务逻辑：•照相 + 本地相册读取图片，识别图片颜色•支持颜色分组，收藏•颜色详情，支持全屏显示•系统推荐色彩专栏•APP国际化2.集成谷歌Admob广告，支持变现3. 多端支持•android 版本（已上架）•ios 版本（没有苹果应用账号，因此没上架）•h5/pc 版本: 已上线 https://colorpicker-bpx.pages.dev/#/•小程序版（未备案，所以未上线）

2. AI生成APP的契机

ColorPicker的诞生也比较偶然，今年年初的DeepSeek掀起AI届的新一轮高潮，好久没怎么学习的我也凑了一波热闹，借助字节提供的免费AI编辑器Trae，看一下现在的ai工具代码到底写得怎么样。

如到现在，基于Trae我共实现了三个应用：

1. 像素图填色游戏

源码：https://liuyueyi.github.io/ai-web-case/

1.一个简单的单页面web应用，通过解析给定的配置文件，生成像素图；用户可以根据自己选择的颜色对像素进行填色2.特点：页面布局单一、业务逻辑简单，交互不多

这个web页面的开发过程非常顺利，基本上没有什么特别糟心的事情，整个实现也就两天的时间（关于将图片转换为用于渲染像素图的二维矩阵花了我一天，这块还是借助我的老本行java实现的?），接下来我就想上点难度，看下AICoding的能力在哪里，接下来就有了下面的AI对战游戏

2. AI人机对战棋牌游戏

1.人机对战的棋牌游戏，原定计划实现五子棋、黑白棋、三子/九子棋、中国象棋、国际象棋等经典棋牌的人机方式2.最终结果：完成五子棋、黑白棋、三子棋的基础实现3.特点：布局相对复杂（比如三子棋盘的绘制），算法要求高（AI下棋策略，人机交互策略）

相较于像素填色，这个AI棋盘对战的开发过程就比较难受了，不管是棋盘的布局（尤其是三子棋的棋盘，反复修改调整)、AI的游戏策略/判定策略调教，都不是一个轻松的活，原定计划的中国象棋和国际象棋也没有耐心继续调教了。

这个游戏差不多花了我一周的时间，做完之后，感受就是AICoding确实方便，虽然离取代资深程序员还是有不小的距离，但是对初级程序员的挑战就很非常大了。这个项目做完之后，我就萌生了一个“人人都是程序员”的想法，这好像并不是不可能

3. ColorPicker 图片颜色提取APP

源码 https://github.com/liuyueyi/ai-color-picker

接下来就准备开始验证这个“人人都是程序员”是否属于我的异想天开了。

直接在应用市场，按照工具类进行下载、好评进行搜索，然后看到了一个百万下载量，而且功能不复杂应用，看到它的时候我就深信这个app完全可以有AI来生成，于是就有了下面的Ai生成应用

AI致敬版，百万下载量的高分APP

AI生成的ColorPicker

AI生成的ColorPicker 谷歌市场下载地址 -> https://play.google.com/store/apps/details?id=com.git.hui.colorpicker.google^[1]

1.根据上传的图片，识别指定位置的图片颜色的工具2.特点：一个完全由AI设计原型、实现业务逻辑细节，并且最终打包为Android APP，集成Admob广告，并上架谷歌应用市场，走通app的开发到上线全流程

3. ColorPicker的历程

接下来我将回顾一下 ColorPicker 的诞生历程 https://github.com/liuyueyi/ai-color-picker/commits/main/

1.3.11 号确定应用的主体功能、展现形式，开始编码•a. 功能：图片提色•b. 展现形式：wap应用 + 小程序 + app•c. 技术栈：基于uniapp的技术栈来实现一套代码，多端生成•d. 编程工具：HBuilder + AndroidStudio + Trae2.3.12 号完成主体业务功能3.3.13 号打包到apk，到android进行运行，尝试集成谷歌广告；并提交谷歌应用市场4.3.14 号谷歌应用市场审批通过；开始第二版的迭代更新 a. 第二版新增：颜色搜索功能、分组、系统推荐色等能力5.3.15 号解决uniapp上架到谷歌应用市场之后下载安装白屏问题（uniapp的bug)

从想法诞生到最终的落地实现，基本上在五天内（其中app的相干样式适配、广告集成等问题最少花了两天?），排除android相关的一些改造，其他的内容99.9%的内容全部由Trae来提供支撑，通过实际体验，“人人都是程序员”好像还挺容易成真的；

事后我重新复盘了一下这个开发过程，我将尝试以最大的可能性，给不是程序员这一行的小伙伴，介绍一条可以完全按照自己的想法设计app的小路，让你的创业不再停留在“就缺一个程序员”上了

4. 人人都是程序员专栏

按照个人经验，拟定的专栏内容如下：（当然什么时候更新，我也无法给出肯定的承诺，欢迎关注公众号“一灰灰blog”蹲守第一手信息）

一、准备篇

References

[1] Color Picker | https://play.google.com/store/apps/details?id=com.git.hui.colorpicker.google: https://play.google.com/store/apps/details?id=com.git.hui.colorpicker.google

打赏