YoYo：智能营销系统：小白也可以实现vibecoding开发项目

YoYo：智能营销系统：小白也可以实现vibecoding开发项目 YoYo：智能营销系统：小白也可以实现vibecoding开发项目 Modified December 16, 2025 4. Railway部署 找到合适的部署工具，然后按照操作，一步一步部署就可以，这个过程主要在注册，登录，创建项目，按照步骤进行操作即可。 Code block Plain Text Copy 有前端，也有后端，数据库用的是Supabase SQL Editor，代码在GitHub，有什么部署方式比较简洁 配置好之后，后续git上传代码后，这个工具也可以自动进行前端部署，实现web功能同步。 四、意外惊喜 1. 基础功能在开发过程中，衍生出图片转URL的链接，这个非常好用，尤其在发卡片消息急需一个图片URL的时候 2. 还可以进行用户权限划分，管理员，和普通用户的差异，同时还可以进行用户切换的功能 3. 另外，就是个人的喜好，比较喜欢深色模式，可以对话许愿实现 4. 然后，可以直接统计数据，搭建实时数据看板， 5. 最惊喜的，莫过于，还能实现定时任务的日历日程的可视化了， 6. 以上这些内容，以往在AI时代之前，是不可想象的～～ 五、踩坑历程 1. 永远不要奢望AI一次生成完美的作品，跟AI对话需要有耐心 2. 遇到卡点，多用魔法打败魔法（AI来给方案，AI来执行，实在不行让他一步一步指导一个小傻瓜） 3. 不要担心，制造垃圾，每一步都是经验的积累，通向成功的必经之路，绕不开的 4. 这个是备注给自己的，不要畏难英语，翻译插件非常好用，但是还是要积累一些基础必要的单词 5. 人间一天，大模型一年，不要沉迷追求最新新闻，时间会沉淀精华，实践中学习了解知识（做中觉） 6. 这是最好的时代，保持好奇心，持续学习的行动 彩蛋应用孵化中！宝藏AI神器挖掘 🥁 💬 关于我 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 个人沉淀小报童栏目（献丑系列） 宝藏AI神器挖掘 🥁 🌈 通往AGI之路 4. Railway部署 找到合适的部署工具，然后按照操作，一步一步部署就可以，这个过程主要在注册，登录，创建项目，按照步骤进行操作即可。 配置好之后，后续git上传代码后，这个工具也可以自动进行前端部署，实现web功能同步。 四、意外惊喜 1. 基础功能在开发过程中，衍生出图片转URL的链接，这个非常好用，尤其在发卡片消息急需一个图片URL的时候 2. 还可以进行用户权限划分，管理员，和普通用户的差异，同时还可以进行用户切换的功能 3. 另外，就是个人的喜好，比较喜欢深色模式，可以对话许愿实现 4. 然后，可以直接统计数据，搭建实时数据看板， 5. 最惊喜的，莫过于，还能实现定时任务的日历日程的可视化了， 6. 以上这些内容，以往在AI时代之前，是不可想象的～～ 五、踩坑历程 1. 永远不要奢望AI一次生成完美的作品，跟AI对话需要有耐心 2. 遇到卡点，多用魔法打败魔法（AI来给方案，AI来执行，实在不行让他一步一步指导一个小傻瓜） 3. 不要担心，制造垃圾，每一步都是经验的积累，通向成功的必经之路，绕不开的 4. 这个是备注给自己的，不要畏难英语，翻译插件非常好用，但是还是要积累一些基础必要的单词 5. 人间一天，大模型一年，不要沉迷追求最新新闻，时间会沉淀精华，实践中学习了解知识（做中觉） 6. 这是最好的时代，保持好奇心，持续学习的行动 彩蛋应用孵化中！宝藏AI神器挖掘 🥁 宝藏AI神器挖掘 🥁 💬 关于我 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 大家好～我是yoyo 🐱 • 🐈 坐标北京，铲屎官一枚 • 🫡 AIGC的小白，持续进阶成长，致力于打造一个自己的智能体 • ☕️ 以上期待能够给到各位一点启发 💡 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 感谢家属带我在“ 🌈 通往AGI之路”打开新世界，接触有趣的事情，结识有趣的人 🌈 通往AGI之路 个人沉淀小报童栏目（献丑系列） 一、开篇说明 开篇为灵感来源与浅显的心路历程，和用魔法打败魔法的原因。 开篇为灵感来源与浅显的心路历程，和用魔法打败魔法的原因。 1. 痛点即生产力 互联网运营的伙伴，有没有这样的时刻，营销消息需要定时发送，不同的营销群中，群成员有企业微信/微信成员， 但是这个场景经常还会出现一个问题，消息具有突发性、无规律性，且类型多样（有文本、图片、小程序卡）。每次触达时，工作人员都得反复复制粘贴消息，或是费力搜索不同群聊，简单的操作因重复进行而变得繁琐。更麻烦的是，转发过程中还可能出现群聊漏发的情况，直接导致消息触达不到位。 另外还有一个问题，也不能纯靠人海战术，毕竟不同的人发出的消息用户不熟悉来源，常常会对通知的来源产生疑惑，不清楚究竟是哪个部门发出的。这不仅影响了用户的体验感，也削弱了内容本身的权威感。 当前的企业微信消息推送机器人的使用学习成本还是比较高的，消息示例、接收消息配置，推送消息配置，配置说明等一系列配置操作。相信不少伙伴在初次使用的时候，应该会有跟我一样的情况，就是看懂已经有门槛了，更何况一个一个操作下来更挠头。 消息推送机器人截图： 2. 异想天开 那么，有没有一种可能，我只要拥有一个机器人的地址，作为唯一要素，然后通过工具只准备需要发送的内容，文本消息、图文消息、卡片消息就行呢，还能定时一个未来的时间，这样只要确保这个机器人在目标的群里就可以了。 实现基础，公司内部有小伙伴实现小程序的方式，配置地址，编辑内容，设置时间就可以定时推送了，但是有几个小痛点，需要下载安装配置，使用时还需要确保启动服务（具体是什么，咱们作为小白真的搞不懂），这个时候咨询了下AI搭子，是否可以实现web端，如何实现，有什么难点痛点，假如是个小白的话，如何搭建部署这一套系统呢。说实话看不懂，但是打算用魔法打败魔法，AI的方案，AI来解决。 为了解放双手，话不多说开搓。 3. 工具： cursor、Trae supabase github railway 沉浸翻译插件 二、效果展示 1. 产品功能 123上链接：https://smart marketing tools v1 production.up.railway.app/ 👍 当前实现功能（在初代版本的基础上逐步迭代功能如下） • 消息定时推送（文本，图文，卡片，其中文本还支持富文本哦） • 图片一键转URL链接，适合卡片推文图片 • 智能问答小客服，可以实现网页直接对话咨询使用问题 • 角色切换：管理员，普通用户，支持身份切换，深色模式切换等 以上功能可能多有不完善，但是作为一个小白，能够实现当前基础功能，且经过少量的用户使用的时候，成就感max 当前实现功能（在初代版本的基础上逐步迭代功能如下） • 消息定时推送（文本，图文，卡片，其中文本还支持富文本哦） • 图片一键转URL链接，适合卡片推文图片 • 智能问答小客服，可以实现网页直接对话咨询使用问题 • 角色切换：管理员，普通用户，支持身份切换，深色模式切换等 以上功能可能多有不完善，但是作为一个小白，能够实现当前基础功能，且经过少量的用户使用的时候，成就感max 2. 测试效果 过往测试的场景 文本（富文本） 图文消息 卡片消息 图片转URL AI机器人问答 文本（富文本） 文本（富文本） 图文消息 图文消息 卡片消息 卡片消息 图片转URL 图片转URL AI机器人问答 AI机器人问答 三、实践过程 1. Cursor开发过程 这个过程不仅仅是刚开始需求开发的过程，基本上整个过程都离不开cursor的实现，包括后续数据库，github，以及部署的工具的寻找以及使用的指导 这个过程不仅仅是刚开始需求开发的过程，基本上整个过程都离不开cursor的实现，包括后续数据库，github，以及部署的工具的寻找以及使用的指导 需求澄清 第一步永远是先规划需求，比较好用的方式是创建说明文档.md格式，然后对话冷启动，先做开发方案，而不是直接开发。（但是这个不要期望一次性澄清所有需求，一方面是我们在提需求时会不断完善需求，另外一方面AI在实现过程中也会出现复杂需求一次性交付不符合预期等） 功能开发 拿到了一个AI方案和基本执行规划，其中方案图看的我云里雾里，完全看不懂，然后再进一步追问，你可以先开发一个web应用出来，然后数据库，或者部署工具给我推荐个免费，适合小白的么，无论是哪个你都一步一步指导我。 功能测试 这个时候基本上可以拥有一个功能的web网站，然后AI提示词要求启动前后端服务（这里虽然不懂前后端是什么，但是可以这么发提示词）然后就拥有一个链接可以本地点击查看了，这个时候就需要结合自己的需求去一个一个做测试，这个步骤是没有办法偷懒了 随着功能测试的过程会发现不少卡点目前遇到的几个问题主要是 测试过程中遇到问题不要慌，打开开发者模式，找到consle定位问题，遇到问题反手给AI来去解决即可，比如一下这种方式： 消息类型应该只有这三种，所以历史消息是否可以只查询显示这三种， 并且，展示消息创建人， 历史消息查询搜索，增加一个根据创建人进行筛选查询的方式呢？ 这个做个提示跟搜索关键词的提示一样，显示选择消息类型 内容文字，和图片都发给cursor，主要逻辑是 1、错误描述 2、具体不符合预期的截图 3、开发者工具中的控制的错误提示具体是什么 消息类型应该只有这三种，所以历史消息是否可以只查询显示这三种， 并且，展示消息创建人， 历史消息查询搜索，增加一个根据创建人进行筛选查询的方式呢？ 这个做个提示跟搜索关键词的提示一样，显示选择消息类型 消息类型应该只有这三种，所以历史消息是否可以只查询显示这三种， 并且，展示消息创建人， 历史消息查询搜索，增加一个根据创建人进行筛选查询的方式呢？ 这个做个提示跟搜索关键词的提示一样，显示选择消息类型 内容文字，和图片都发给cursor，主要逻辑是 1、错误描述 2、具体不符合预期的截图 3、开发者工具中的控制的错误提示具体是什么 内容文字，和图片都发给cursor，主要逻辑是 1、错误描述 2、具体不符合预期的截图 3、开发者工具中的控制的错误提示具体是什么 2. Supabase数据库 确定数据库工具 在实践过程开发测试过程中发现一个问题，本地上使用excel表格可以实现地址配置，同时也可以发送定时任务，但是到web端时这个就失效了，AI提供思路，需要一个数据库，这个时候没有任何思路的时候，不妨问问AI怎么办 AI会给出很多方案，这个过程可能看不懂，或者尝试的时候出现问题，可以大胆提要求“有没有免费，网页版本的，不需要安装。小白友好的”在这个过程中，结合自己的需求，找到了Supabase数据库 构建数据库 这一步可能对咱们这样的小白，要劝退不少，有个小方法，咱们让AI一步一步指导，具体比如这样～～，根据指引的步骤一步一步构建 根据指引进行数据库配置，权限策略配置等一系列操作，点击run运行 3. GitHub仓库 整个项目功能测试稳定，然后需要部署，发布其他用户来测试，github是一个绕不开的步骤，同样跟Ai对话让AI提供部署到git上的方法，然后创建项目，发布等，生成网站 这个部署过程发现一个问题，本次项目是涉及到前后端，github部署的页面功能全部无法实现，查询AI提问了解到这个细节，所以通过寻找，找到railway，当然还有其他工具可以实现。 整个上传过程，完全可以交给cursor/windsurf