
我用AI做了个微信小游戏-上线了
一句话看懂:一位前端开发者利用业余时间,借助 Claude、GPT、豆包等 AI 工具,以约 1200 元的总成本,从零完成了一款微信小游戏的开发、美术、音效与后端搭建,并成功上线。这篇分享提炼出了 19 个微信小游戏开发“深坑”,以及一套经过 6 个月打磨、可复用的 AI 编程工作流,核心价值在于证明了“小体量 + AI 辅助”的个人独立开发路径可行。
事件核心:发生了什么
开发者“前端阿彬”在 2025 年 5 月 18 日发布文章,详细复盘了他用 2 个月业余时间(日均 1.5 小时)开发微信小游戏《开心点连连看》的全过程。技术栈选用 PixiJS 6 + Matter.js + Vite + Supabase,AI 工具贯穿整个流程:Claude Code 负责主力编写代码,GPT、Gemini 和豆包生成美术素材,ElevenLabs 和 Pixabay 处理音效。最终产品支持无限关卡、好友排行榜、每日挑战、主题和成就系统,已通过微信审核上线。文章最核心的干货是总结了一份包含 19 条踩坑经验的“AGENTS.md”文件,专门喂给 AI 以避免重复犯错,并公开了给 Claude Code 使用的“三段式”Prompt 模板和项目配置文件。
为什么重要
这篇文章的价值不在于推荐“微信小游戏”这个方向,而在于它清晰展示了一个关键判断:2026 年,5000-10000 行代码、单仓库、无后端的“小产品”体量,恰好处在 AI 编程(如 Claude Code)能稳定输出但尚未因长上下文丢失逻辑的“最甜区间”。它从实操层面验证了“AI 降低技术门槛”不只停留在生成静态页面或简单脚本,而是可以支撑一个包含排行榜、多人交互、物理引擎的完整上线产品。同时,作者毫不避讳地指出 AI 的四个明确短板(无法替代产品决策、长上下文会改坏逻辑、无法锁定美术风格、帮不了审核),这种坦诚的“反向干货”比单纯鼓吹 AI 替代人力更有参考价值。
对用户/开发者/创作者的影响
对独立开发者或副业探索者而言,这篇文章提供了一套可直接复制的“最小可行技术栈”:Vite 构建配置需要输出 CJS 单文件且内联动态 import、入口代码必须延迟两帧启动、必须使用 @iro/wechat-adapter 替换 DOM 依赖等。这些不是通用教程里的知识点,而是实战中来自微信小游戏封闭环境(无 DOM、禁止 eval、Shader 限制 GLSL 100)的真实教训。对 AI 工具使用者,作者提出的“CLAUDE.md + AGENTS.md + 三段式 Prompt”工作流,核心不是写多漂亮的提示词,而是把项目特有的“隐性知识”(如哪些 API 不能用、哪些文件不允许修改)写成文件让 AI 持续读取,形成“知识外化-复用”的复利效应。对于想要降低开发成本的创作者,文中成本清单显示,除 Claude/Cursor 月费约 200 元外,美术、音效、服务器均可通过免费或低成本的 AI 工具和云服务完成。
AI 工具推荐
想把多个 AI 模型放在一个入口?
GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型,适合写作、绘图、视频和日常 AI 工作流。
推广链接:通过此链接购买,我可能获得佣金,不影响你的价格。
值得关注的后续
第一,这套“AI 知识外化”工作流(将踩坑经验归入 AGENTS.md 给 AI 读)能否被更多开发者验证并推广,是决定 AI 辅助编程效率的关键变量。第二,《开心点连连看》上线后的自然流量和留存数据尚未公布,微信小游戏生态的获客成本是否仍如文中判断的“低门槛”,需要实战验证。第三,PixiJS 6 与微信小游戏在 Shader 兼容性上的限制(GLSL 100 与 300 的冲突),是 PixiJS 7+ 版本无法直接使用的主因,这提示使用更高版本渲染引擎的项目需要单独处理适配层。
来源:juejin


