为了搞清楚以个人名义上线小程序的流程和坑，我问了各大头部 AI 厂商同一个问题：“哪个 AI 做 UI 设计最棒？” 它们一致推荐了 Claude Code。于是我就去试了一下，不试不知道，一试吓一跳。
我打开 Claude Code，在对话框中输入：“我要基于 uni-app + Vue3 + TS，实现一款记录加班的小程序，帮我设计一下 UI 吧。” 它调用了 Frontend Design Skill，没多久就搞定了，还一并提供了 HTML 源文件。我抱着没太大期望的心态点开文件，打开的一瞬间，彻底被惊艳到了——感觉像打开了新世界的大门。它居然这么懂我，把界面设计得完完整整，风格还是暗黑系，简直绝了。来看看界面吧👇
这一下激起了我的兴趣，我继续告诉它：“把日历和我的再完善一下。” 它又是一番 skill 调用，很快搞定，效果依然完美。
我觉得非常棒，于是决定让它继续帮我完善设计。我说：“新建加班记录的页面能不能再详细一点，下面那块看不到了。” 它又给出了新的加班记录页面。
接下来我带着愉悦的心情，让它把剩下的所有页面都设计好了。
接着我提出新要求：“把之前所有生成的页面都转换成 uni-app + Vue3 的组件，公共的 tabbar 抽到 components 下面。” 它思索了片刻，然后告诉我：“Claude's response could not be fully generated。” 我心想，哦，要收费了？算了，明天再来用总行了吧？ 第二天，我又对它说：“把之前所有生成的页面都转换成 uni-app + Vue3 的组件，公共的 tabbar 抽到 components 下面。” 这次它没有从头开始，而是把昨天未完成的任务接着补全。
我把下载下来的包调整成 HBuilderX 的文件结构，再把页面逐一调试了一遍，大约半天时间，整个小程序就跑起来了。
有了 Claude Code，简单的小工具或小项目还需要什么设计师、前端开发人员？
就这样，前端可用于 uni-app 的源码两天就搞定了。如果我订阅 Claude Code，就不用等第二天用免费额度了。但我舍不得，继续白嫖。
接下来是后端 API，这个更简单，我用自己的代码生成工具就直接搞定了。
这个工具叫comer, 地址是:
-
github(github.com/imoowi/come…)
-
gitee(gitee.com/imoowi/come…
一个命令就生成了整个系统
~/dev/imoowi
» comer new jiabanji
coding-jun@bogon
Comer version v1.3.16
_________
\_ ___ \ ____ _____ ____ _______
/ \ \/ / _ \ / \ _/ __ \ \_ __ \
\ \____( <_> )| Y Y \\ ___/ | | \/
\______ / \____/ |__|_| / \___ > |__|
\/ \/ \/ v1.3.16, built with go1.25.6
dir [ jiabanji/.vscode ] created
dir [ jiabanji/cmd ] created
dir [ jiabanji/configs ] created
dir [ jiabanji/docs ] created
...
Do next:
1、cd jiabanji
2、change file（jiabanji/configs/settings-local.yml）mysql and redis config
3、comer add -a=appName -c=handlerName -w=swaggerTagsName -s=serviceName -m=modelName1
4、air OR swag init && go mod tidy && go run . server
(base)
基本框架生成后，我用 Trae(另一个AI IDE) 帮忙生成了 task 代码。
至此，所有代码已经生成完毕。后面我花了四天时间做前后端接口对接、测试与联调。
我想，如果我有一个“前后端接口联调”的 skill，就可以坐等 AI 完成任务时的提示音了。
大家有没有类似的 skill？请分享给我！
小程序已经上线，搜索“加班计”即可体验
你有什么好用的skill,请评论区告诉我吧
*源码地址*
1、公众号“Codee君”回复“源码”获取源码
如果您喜欢这篇文章，请您（点赞、分享、亮爱心），万分感谢！
