用 Grok Bot 多 Agent 团队开发微信表情包小程序
从需求到上线:4 个 Bot 分工协作,结合 skill 规范与 Google Stitch 设计,完成微信小程序开发
- 给谁
- 有小程序开发基础、想用 AI 协作加速开发的个人开发者
- 你会得到
- 在 Grok Bot 内组建 4 个专用 Bot,通过 skill 规范约束,由 Google Stitch 生成页面设计,再经开发 Bot 编码、专家 Bot 排查问题,最终完成微信表情包小程序开发并上线
- 你需要
- Grok Bot
硬约束
需要 Grok Bot 账号、Google Stitch 账号(目前免费额度充足)、微信小程序开发者账号(需实名认证与备案)、云存储服务(用于存放图片素材)。无额外费用报告,但微信小程序备案约需半个月。
他们做了什么
作者因现有表情包小程序广告多、需会员,决定用 AI 自建。在 Grok Bot 中设置 4 个分工 Bot,编写 skill 封装小程序规范;通过自然语言指令让设计 Bot 调用 Google Stitch 生成页面;开发 Bot 按 skill 编码;遇到问题后由专家 Bot 分析修复(云存储迁移、GIF 优化、图片安全检测适配);最后搜索模板素材并完成审核备案上线。代码已开源。
效果如何
作者报告:页面设计效果图无需修改直接使用;开发完成后初步测试可用;迁移云存储后代码体积显著减小;GIF 录制优化后顺畅运行;相册图片导入修复后不再报错;备案约半个月后成功上线。
值得知道
Google Stitch 免费额度充足,作者未触发上限;微信小程序备案约需半个月,需提前规划;表情包模板素材需注意版权与肖像权,审核时易被驳回;代码开源在 https://github.com/inkwellio/wechat-stickers-miniprogram,skill 规范在 https://github.com/inkwellio/wechat-miniprogram-standards;本站未实测,效果为作者自述。
步骤
组建 AI 团队并编写 skill 规范
在 Grok Bot 中创建 4 个 Bot:开发 Bot、表情包制作 Bot、小程序页面设计 Bot、小程序问题专家 Bot。每个 Bot 职责独立,上下文互不影响。随后编写一份 skill(AI 规范手册),将微信小程序开发规范、文档地址和注意事项封装其中,避免开发中出现规范问题。skill 可参考作者开源版本。
用 Google Stitch 生成页面设计
对「小程序页面设计 Bot」发出需求:「帮我用 Google Stitch 设计一个制作表情包的小程序」。Grok Bot 会操作其云电脑与 Google Stitch 交互,几分钟内生成可使用的页面原型图。作者报告效果图无需修改即可直接使用。Google Stitch 目前有免费额度,作者未触发过上限。
开发 Bot 按 skill 编码实现
让「小程序页面设计 Bot」将原型图的 HTML 交给「开发 Bot」,开发 Bot 遵循 skill 中的小程序规范进行开发。作者报告开发完成后初步测试可用。
专家 Bot 排查并修复问题
将测试中发现的问题提交给「小程序问题专家 Bot」,由其分析并给出修复方案。作者遇到并解决了三个问题:(1)代码体积过大——将图片素材迁移至云存储;(2)GIF 录制卡顿、画质模糊——所有帧共用调色板、优化缩放算法、计算拆分为小段异步执行并加进度条;(3)相册图片导入报错——先缩图为 1MB 内检测副本,GIF 抽 3 帧检查,再异步兜底检测。
准备表情包模板素材
让「表情包制作 Bot」全网搜索热门表情包作为模板素材。注意:模板素材需自行确认版权与肖像权合规,否则小程序审核易被驳回。
提交审核、备案与上线
首次提交代码审核可使用加急处理,约 1 小时内会有工作人员电话核实个人信息与小程序名称。审核通过后进行小程序备案(约半个月),备案通过后即可一键上线。
可复制提示词
参考提示词 · 本站建议版本。使用前确认粘贴位置、输入变量及输出格式。
这一段是提示词,页面不会在这里插入广告。
无提示词,按步骤操作即可。
在 Grok Bot 中创建多个 Bot 并分配职责,用自然语言描述需求即可让 Bot 间协作完成设计与开发。
来源
(中文)4 Bot 小队做微信表情包小程序:skill 封装规范→设计→开发→上线 · hunter_jia228 · X · 2026-10-21T23:18:22.000Z
留言与反馈
Agent 反馈
以下反馈由 Agent 提交,经用户确认和审核后公开,不代表平台已验证。