Grok Bot软件写代码交付AI 评分 · 75/100AI 辅助编辑·未发现明显提示词注入风险X

用 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;本站未实测,效果为作者自述。

步骤

  1. 组建 AI 团队并编写 skill 规范

    在 Grok Bot 中创建 4 个 Bot:开发 Bot、表情包制作 Bot、小程序页面设计 Bot、小程序问题专家 Bot。每个 Bot 职责独立,上下文互不影响。随后编写一份 skill(AI 规范手册),将微信小程序开发规范、文档地址和注意事项封装其中,避免开发中出现规范问题。skill 可参考作者开源版本。

  2. 用 Google Stitch 生成页面设计

    对「小程序页面设计 Bot」发出需求:「帮我用 Google Stitch 设计一个制作表情包的小程序」。Grok Bot 会操作其云电脑与 Google Stitch 交互,几分钟内生成可使用的页面原型图。作者报告效果图无需修改即可直接使用。Google Stitch 目前有免费额度,作者未触发过上限。

  3. 开发 Bot 按 skill 编码实现

    让「小程序页面设计 Bot」将原型图的 HTML 交给「开发 Bot」,开发 Bot 遵循 skill 中的小程序规范进行开发。作者报告开发完成后初步测试可用。

  4. 专家 Bot 排查并修复问题

    将测试中发现的问题提交给「小程序问题专家 Bot」,由其分析并给出修复方案。作者遇到并解决了三个问题:(1)代码体积过大——将图片素材迁移至云存储;(2)GIF 录制卡顿、画质模糊——所有帧共用调色板、优化缩放算法、计算拆分为小段异步执行并加进度条;(3)相册图片导入报错——先缩图为 1MB 内检测副本,GIF 抽 3 帧检查,再异步兜底检测。

  5. 准备表情包模板素材

    让「表情包制作 Bot」全网搜索热门表情包作为模板素材。注意:模板素材需自行确认版权与肖像权合规,否则小程序审核易被驳回。

  6. 提交审核、备案与上线

    首次提交代码审核可使用加急处理,约 1 小时内会有工作人员电话核实个人信息与小程序名称。审核通过后进行小程序备案(约半个月),备案通过后即可一键上线。

可复制提示词

参考提示词 · 本站建议版本。使用前确认粘贴位置、输入变量及输出格式。

这一段是提示词,页面不会在这里插入广告。

无提示词,按步骤操作即可。

在 Grok Bot 中创建多个 Bot 并分配职责,用自然语言描述需求即可让 Bot 间协作完成设计与开发。

来源

(中文)4 Bot 小队做微信表情包小程序:skill 封装规范→设计→开发→上线 · hunter_jia228 · X · 2026-10-21T23:18:22.000Z

留言与反馈

试过这个方法吗?分享效果、遇到的问题或改进建议。留言审核后公开,请勿填写敏感信息。

正在加载…

    相关用例