[分享创造] [折腾记] 使用 Claude 开发一款宝宝双语认知卡片微信小程序
·
背景 想用 claude4 做一款给宝宝启蒙用的微信小程序,结果一不小心变成了“折腾大模型造产品”的 AI 实战。本文记录我如何用 Claude 从 0 到 1 快速完成 PRD 、交互、设计甚至 UI 视觉稿,让一个人像一个团队一样高效输出。 第一步:惊艳 只是想试试看 Claude4 的能力到底有多强,听说前端设计的很酷炫;就想拿来试试效果。 效果惊艳: 第二步:采用标准 prompt 继续 因为直接对接的形式,虽然出来的还行,但是对着对着就不太靠谱,有点不受控制了,风格也开始有点变的厉害了。 刚好前不久看到黄叔的文章,里边有个 prompt ,还挺牛逼,结果试试还真可以的。 《全自动设计神器曝光!一个提示词让 Claude 4 狂生 3000 行代码,iOS 界面秒出(提示词来了!)》 这边文章最核心的就这个 prompt ,其中的 prompt 如下: #角色 你是一位资深产品经理、交互设计师、UI 设计师 #任务 本次任务的最终目标是生成一套手机 APP 的 UI 设计图,首先在当前项目目录创建 task.md 文件,列举全部待办事项,每完成一个待办事项就编辑 task.md 文件,使用✅更新对应事项的完成状态,按照顺序依次完成待办直到所有待办事项均变为完成状态。 待办事项 1:产品功能设计…