技巧

用 Claude Code 半小时给孩子手搓学习 App 的 Vibe Coding 实录

精选理由

一位爸爸用 Claude Code 给儿子复刻收费 App,半小时就能用,还开了打字游戏源码,想给娃做工具的可以照着抄作业。

作者用 Vibe Coding 方式给儿子做学习和游戏 App,看到收费 App 就自己复刻,最快半小时上线,边用边让 Claude Code / Codex 迭代几轮即可满足需求。他提到给孩子做 App 不需要 Claude Opus 5.5 这类重型模型,Flash 类模型速度快、更适合快速迭代,多模态能力还能按截图 1:1 复刻收费 App。文中还分享了开源的打字游戏项目,涵盖字母进阶、句子大写空格等玩法,并演示了用 Ling-3.2-flash 两轮提示词把手机版学习看板改成真正的 PC 网页版。

原文 · shao__meng

我儿子学习和平时玩的游戏 App,现在基本都是我 Vibe Coding 的了,看到哪个 App 要收费,直接手搓一个,最多半小时就能用了,边用边提要求,边让 Claude Code / Codex 改,前后几轮改完就基本满足需求了 给孩子做 App 不是啥复杂大型企业项目,所以 Claude Opus 5.5 这种重型武器一般用不上,Flash 类模型最为合适,速度快、可以更快看到效果更快迭代;另外多模态也是很实用的能力(收费 App 截图要求 1:1 复刻 😂) 再给大家分享一下给孩子做的打字游戏,分为不同字母进阶和句子大写空格等游戏: github.com/shaom/keyboard… c 苏打白.Dev @sodawhite_dev 最近同事看到手机上自己做的一个记录APP,也想要一个给她家小朋友学习打开的APP。 设计了一版手机APP的UI,手机版的设计出来之后,想着也做个网页版本的吧。 小蜜蜂学习看板原来是按手机排的,进度卡在上,任务清单在下。我想试个电脑版,打开就能一起看今天要做什么、这周做了多少。 我把手机稿发给 Ling Studio 里的 Ling-3.2-flash,打了这么一句。 “帮我根据这个设计的图,制作成网页” 它给了我一份 HTML,打开就是图一,就是在电脑上套了个手机壳。 网页是做出来了,四个入口也都在,内容还是挤在屏幕中间那一条里。 我那句确实只说了做网页,就是把手机的设计稿复刻了一下,不是真正的网页版本。 第二轮我没再传图,就补了一句。 “能不能适配一下,pc端的网页,而不是模拟的手机端页面” 这次把「今日、练习、资料、成长」挪到了左边,任务清单摊在中间,原来叠在清单上面的进度卡也摆到了旁边。 这是算是真正的网页端了。 如果说第一版是一句话复刻的设计稿,那么第二版是有加入了想法的感觉,理解力更强了, 总的来说不管第一次还是第二次的版本都是能给你需求来完成任务。 在线体验入口: chat.ant-ling.com/chat API体验: maas.antdigital.com/models/modelse… Your browser does not support the video tag. 🔗 View on Twitter 🔗 View Quoted Tweet 💬 8 🔄 0 ❤️ 3 👀 401 📊 7 ⚡