扣子实操教程
29 分钟

我用扣子编程,30分钟做了个“公众号爆款生成器”

公众号原文链接:https://mp.weixin.qq.com/s/2VhsGJvL3bWqpO1xbz2Y2g

井云团队
井云团队2026-01-04 (更新于 2026-01-05)
返回专栏列表

公众号原文链接:https://mp.weixin.qq.com/s/2VhsGJvL3bWqpO1xbz2Y2g

应用访问地址: https://cs76jw4g9m.coze.site

以下的公众号原手稿(没有润色的):

元旦前扣子上线了扣子编程,一直没时间体验,在忙着做井云新系统的升级,最近开始做公众号,把我们日常的一些对AI的分享写成公众号,但遇到一些问题,流量不是很好,所以想用AI来进行优化,想到了扣子编程,看能不能快速做一个应用,趁今晚晚上有时间打开测试一下,正好测试下扣子编程,

先看成品吧,公众号文章撰写助手,

首先梳理下需求,第一个需要根据我们的行业和人群,需要整理最近热门的话题,第二个,根据话题出一个公众号大纲,第三个就是开始攥写公众号文章,这个时候要结合我们井云的一些内容,比如用户对井云的认知,创作者对这个话题的理解,带入自己的看法,这里需要上传一些关于公司的介绍,创作者的一些个人经历,第四个对写好文章的优化,第五个给一个开头进行续写,第六个对文章给出几个推荐的标题,当然所有的内容都需要满足微信公众号的规则,同时满足爆款公众号的条件

好需求就是这些,说干就干,

第一步:打开扣子编程,https://code.coze.cn/home,进入网页应用,我也是第一次用,先输入第一次的提示词,我就把前面梳理的内容发给扣子,先试试,

图片展示的是扣子编程的网页界面。左侧为导航栏,有项目管理、应用中心等选项。右侧上方显示“扣子编程,你的AI开发伙伴已就位”,并有“免费公开测试中”的提示。中间部分是“智能开发”和“工作流提升”两种模式的介绍,其中智能开发模式下有“智能代码生成,无需代码基础,生成代码即可运行”的说明。底部有“扣子试用点”显示为30,000,以及“申请我方”按钮。该图片与上下文关系紧密,是扣子编程应用的展示界面,用于说明作者在使用扣子编程时的初始界面情况。
图片展示的是扣子编程的网页界面。左侧为导航栏,有项目管理、应用中心等选项。右侧上方显示“扣子编程,你的AI开发伙伴已就位”,并有“免费公开测试中”的提示。中间部分是“智能开发”和“工作流提升”两种模式的介绍,其中智能开发模式下有“智能代码生成,无需代码基础,生成代码即可运行”的说明。底部有“扣子试用点”显示为30,000,以及“申请我方”按钮。该图片与上下文关系紧密,是扣子编程应用的展示界面,用于说明作者在使用扣子编程时的初始界面情况。

对话开始马上就是开始跑了,其实我是希望和AI对话几轮才开始编程的,可能有其他方式和他交流吧,我没找到,以至于我的都还没来得及截图就开始制作了

图片展示的是扣子编程界面,标题为“公众号文章撰写助手”。界面左侧是需求说明,包括梳理热门话题、大纲、文章撰写、优化、开头续写、标题推荐等内容。右侧是代码区域,显示了package.json、app.js、appGlobal.css、page.txt等文件内容,以及预览窗口,当前处于“预览准备中”。该图片与上下文紧密相关,直观呈现了作者在扣子编程中梳理需求、编写代码的过程。
图片展示的是扣子编程界面,标题为“公众号文章撰写助手”。界面左侧是需求说明,包括梳理热门话题、大纲、文章撰写、优化、开头续写、标题推荐等内容。右侧是代码区域,显示了package.json、app.js、appGlobal.css、page.txt等文件内容,以及预览窗口,当前处于“预览准备中”。该图片与上下文紧密相关,直观呈现了作者在扣子编程中梳理需求、编写代码的过程。

当然这里也能看到他的思考过程,

  1. [in_progress] 分析当前项目结构并规划功能架构
  2. [pending] 创建主页面框架和导航布局
  3. [pending] 实现热门话题生成功能(后端API+前端界面)
  4. [pending] 实现文章大纲生成功能
  5. [pending] 实现文件上传组件(公司介绍、个人经历)
  6. [pending] 实现文章撰写功能(结合上传内容)
  7. [pending] 实现文章优化功能
  8. [pending] 实现开头续写功能
  9. [pending] 实现标题推荐功能
  10. [pending] 验证所有功能并测试

这个是他总结的需求,其实和我要求的大差不差,可能有一些想要补充的,但基本上满足要求,

图片展示的是井云公众号助手的热门话题生成页面。页面上方有“井云公众号助手”标题及导航栏。中间是热门话题生成区域,提示AI根据行业和目标人群生成近期热门话题,有行业领域(科技互联网)和目标人群(25 - 35岁职场人士、创业者、企业管理者等)选择框,下方有“生成热门话题”按钮。页面左侧是项目结构文件夹,右侧有“+”号可添加文件。该图片与文档中创建公众号写作助手并罗列功能的上下文相关,展示了助手的热门话题生成功能界面。
图片展示的是井云公众号助手的热门话题生成页面。页面上方有“井云公众号助手”标题及导航栏。中间是热门话题生成区域,提示AI根据行业和目标人群生成近期热门话题,有行业领域(科技互联网)和目标人群(25 - 35岁职场人士、创业者、企业管理者等)选择框,下方有“生成热门话题”按钮。页面左侧是项目结构文件夹,右侧有“+”号可添加文件。该图片与文档中创建公众号写作助手并罗列功能的上下文相关,展示了助手的热门话题生成功能界面。

很快AI就开始创建页面,大概的框架就出来了,UI虽然不是太符合我的审美,但功能点都在,

图片展示了井云公众号助手的界面。左侧为功能列表,包括热门话题生成、文章大纲、素材上传等。右侧是热门话题生成区域,有行业领域和目标人群选择框,下方有“生成热门话题”按钮。该图片与文档中“创建主页面框架和导航布局”内容相关,直观呈现了公众号助手的主页面框架和导航布局情况,辅助说明AI创建页面的大概框架和功能点。
图片展示了井云公众号助手的界面。左侧为功能列表,包括热门话题生成、文章大纲、素材上传等。右侧是热门话题生成区域,有行业领域和目标人群选择框,下方有“生成热门话题”按钮。该图片与文档中“创建主页面框架和导航布局”内容相关,直观呈现了公众号助手的主页面框架和导航布局情况,辅助说明AI创建页面的大概框架和功能点。

全程不到10分钟就创建号了公众号写作助手,并罗列了所有实现的功能,并给出了使用方法,

图片展示了井云公众号助手的界面及功能。左侧为助手介绍,包含AI助手介绍、AI助手功能、AI助手优势等内容。右侧是热门话题生成页面,有行业领域、目标人群等选择项,下方有“生成热门话题”按钮。该图片与上下文紧密相关,上下文提到AI已创建公众号写作助手并罗列功能,此图直观呈现了助手的热门话题生成功能界面,辅助说明AI助手的功能实现情况。
图片展示了井云公众号助手的界面及功能。左侧为助手介绍,包含AI助手介绍、AI助手功能、AI助手优势等内容。右侧是热门话题生成页面,有行业领域、目标人群等选择项,下方有“生成热门话题”按钮。该图片与上下文紧密相关,上下文提到AI已创建公众号写作助手并罗列功能,此图直观呈现了助手的热门话题生成功能界面,辅助说明AI助手的功能实现情况。

接下来我先根据他现在的第一版检查一下功能,并提出优化的地方:

1.UI设计需要优化

2.每一个环节需要串联起来,比如第一步的话题的结果,可以供第二步的文章大纲使用

好我把这个发给AI

图片展示了井云公众号助手的界面及对话内容。左侧是对话记录,显示“我”要求AI创建公众号写作助手,列出功能需求,如热门话题生成、文章大纲生成等。右侧是助手界面,有热门话题生成、文章大纲生成等功能选项,当前选中“热门话题生成”,下方有行业领域、目标人群等输入框,底部有“生成热门话题”按钮。该图片与上下文紧密相关,呈现了AI根据需求创建公众号写作助手的场景。
图片展示了井云公众号助手的界面及对话内容。左侧是对话记录,显示“我”要求AI创建公众号写作助手,列出功能需求,如热门话题生成、文章大纲生成等。右侧是助手界面,有热门话题生成、文章大纲生成等功能选项,当前选中“热门话题生成”,下方有行业领域、目标人群等输入框,底部有“生成热门话题”按钮。该图片与上下文紧密相关,呈现了AI根据需求创建公众号写作助手的场景。

我居然把我的记录发给他了“好,我把这个发给AI”,不过他肯定能识别的吧!

好几分钟,AI完成了工作,全程不需要你做任何动作,现在来看成果吧。

图片展示的是井云 addCriterion公众号助手的页面,功能为热门话题生成。页面背景为紫色,上方有紫色导航栏,显示“热门话题生成”等选项。中间区域有“热门话题生成”标题,下方有行业领域选择框,当前选中“科技互联网”,还有目标人群输入框,提示可输入年龄、职业等信息。右侧有“需求”说明,包括行业领域、目标人群等。底部有一个红色的“生成热门话题”按钮。该图片与上文提到的AI创建公众号写作助手并罗列功能相呼应,展示了热门话题生成功能的界面。
图片展示的是井云 addCriterion公众号助手的页面,功能为热门话题生成。页面背景为紫色,上方有紫色导航栏,显示“热门话题生成”等选项。中间区域有“热门话题生成”标题,下方有行业领域选择框,当前选中“科技互联网”,还有目标人群输入框,提示可输入年龄、职业等信息。右侧有“需求”说明,包括行业领域、目标人群等。底部有一个红色的“生成热门话题”按钮。该图片与上文提到的AI创建公众号写作助手并罗列功能相呼应,展示了热门话题生成功能的界面。

页面是不是高端了很多,但还是有一些细节优化的地方,我再发给AI“

"1.生成的话题,请按列排列,字体颜色白色,重要的一点,点击对应的话题可以调整下一步,这个功能需现在点击不了,请检查!!!2.把素材上传放在第一步,所有的生成都需要基于公司和个人的介绍,按此顺序,菜单顺序:素材上传——热门话题——文章大纲——文章撰写——文章优化——开头续写——标题推荐,这里需要注意的是生成的热门话题,可以给文章大纲使用,文章大纲可以给文章撰写使用,文章撰写的结果,可以在给文章优化使用同时可以跳转标题攥写,文章优化和开头续写都可以跳转标题攥写,请仔细检查每一个细节!"

好AI又在10分钟内完成了,先看页面展示吧

这个效果有没有惊艳到,30分钟就做出来的UI界面,下面试试功能都能不能跑起来吧,

图片展示的是井云公众号助手的素材上传页面。页面背景为紫色,上方有“井云公众号助手”标题及“30分钟生成公众号爆款”的宣传语。下方有“公司介绍用途”和“个人经历用途”两个区域,分别对应公司介绍和个人经历的素材上传说明,支持PDF、Word、TXT格式文件。底部有一个绿色的“保存素材资料”按钮。该图片与上文提到的30分钟内完成的UI界面展示相呼应,展示了功能操作页面。
图片展示的是井云公众号助手的素材上传页面。页面背景为紫色,上方有“井云公众号助手”标题及“30分钟生成公众号爆款”的宣传语。下方有“公司介绍用途”和“个人经历用途”两个区域,分别对应公司介绍和个人经历的素材上传说明,支持PDF、Word、TXT格式文件。底部有一个绿色的“保存素材资料”按钮。该图片与上文提到的30分钟内完成的UI界面展示相呼应,展示了功能操作页面。

好吧,测试第一个功能出现问题,点击素材上传,无反应,发给AI让他改!

图片展示了“并 开公众号创作助手”界面及“并云公众号助手”界面。左侧界面有“素材上传”选项录,提示点击素材上传无反应,发给AI让他改。右侧界面为“并云公众号助手”,有素材上传和个人经历上传区域,分别支持PDF、Word、TXT格式文件,底部有“保留素材密码”按钮。该图片与上下文紧密相关,直观呈现了AI助手的素材上传功能界面,以及测试过程中遇到的问题。
图片展示了“并 开公众号创作助手”界面及“并云公众号助手”界面。左侧界面有“素材上传”选项录,提示点击素材上传无反应,发给AI让他改。右侧界面为“并云公众号助手”,有素材上传和个人经历上传区域,分别支持PDF、Word、TXT格式文件,底部有“保留素材密码”按钮。该图片与上下文紧密相关,直观呈现了AI助手的素材上传功能界面,以及测试过程中遇到的问题。

他也很快发现了问题,等他修复好了我们在测试!

好素材上传按钮修复了,生成话题按钮又不行了。。。

好吧,继续让他改:

图片展示了“并云公众号助手”的素材上传界面。左侧为操作步骤,包括素材上传、素材预览、生成大纲、生成内容等。右侧是上传界面,分为公司介绍和个人经历两部分,分别有“点击或拖拽文件到此处”区域,支持PDF、Word、TXT格式文件,以及“保留素材密码”按钮。该图片与文档中部署并云公众号助手的内容相关,展示了素材上传的具体操作界面。
图片展示了“并云公众号助手”的素材上传界面。左侧为操作步骤,包括素材上传、素材预览、生成大纲、生成内容等。右侧是上传界面,分为公司介绍和个人经历两部分,分别有“点击或拖拽文件到此处”区域,支持PDF、Word、TXT格式文件,以及“保留素材密码”按钮。该图片与文档中部署并云公众号助手的内容相关,展示了素材上传的具体操作界面。

好吧,后续又遇到了各种按钮无反应,但经过我与AI的多轮较量,以下是最后的成果展示:

测试好了,我们开始部署!

图片展示了“并云公众号助手”的界面及代码编辑部分。左侧代码编辑区域显示了标题生成的代码,包括获取标题、设置标题样式、设置标题颜色等操作。右侧是“并云公众号助手”界面,有标题推荐、内容推荐等功能板块,如“标题推荐”板块有“标题推荐”“生成标题推荐”按钮,还有“内容推荐”板块,可选择不同类型内容。该图片与文档中部署并云公众号助手的内容相关,展示了助手的界面和代码实现。
图片展示了“并云公众号助手”的界面及代码编辑部分。左侧代码编辑区域显示了标题生成的代码,包括获取标题、设置标题样式、设置标题颜色等操作。右侧是“并云公众号助手”界面,有标题推荐、内容推荐等功能板块,如“标题推荐”板块有“标题推荐”“生成标题推荐”按钮,还有“内容推荐”板块,可选择不同类型内容。该图片与文档中部署并云公众号助手的内容相关,展示了助手的界面和代码实现。

点击右上角部署按钮

图片展示了扣子编程部署应用的界面。左侧是代码编辑区域,显示了部分代码内容,如设置标题和保存到本地存储等操作。右侧是部署设置界面,有域名、可������������
图片展示了扣子编程部署应用的界面。左侧是代码编辑区域,显示了部分代码内容,如设置标题和保存到本地存储等操作。右侧是部署设置界面,有域名、可������������

点击开始部署

图片展示的是“公众号爆款生成器”部署后的界面。左侧为代码编辑区域,显示了相关代码内容。右侧上方有“部署”“发布”“发布记录”等选项卡,当前选中“部署”。中间部分显示部署进度为100%,并有“点击下方域名进行体验”的提示,下方是体验网址“https://cs76jw4g9m.coze.site”。该图片与文档中部署“公众号爆款生成器”后测试、体验的内容相关,直观呈现了部署成功后的状态。
图片展示的是“公众号爆款生成器”部署后的界面。左侧为代码编辑区域,显示了相关代码内容。右侧上方有“部署”“发布”“发布记录”等选项卡,当前选中“部署”。中间部分显示部署进度为100%,并有“点击下方域名进行体验”的提示,下方是体验网址“https://cs76jw4g9m.coze.site”。该图片与文档中部署“公众号爆款生成器”后测试、体验的内容相关,直观呈现了部署成功后的状态。

大功告成 https://cs76jw4g9m.coze.site

你们也可以点击这个网址去体验吗,

总结扣子编程能快速出应用,但是中间需要反复调试的环节还比较多,

相关标签:
#AI Agent
#井云Studio
#扣子实操教程
开启企业级 AI 商业化

立即构建您的专属 AI 智能体与自动化矩阵

井云 Studio 为您提供多租户底座、工作流编排、资产分发与计费闭环,助您快速上线高质量 AI SaaS 产品。

延伸推荐阅读

Agent的记忆机制:让它越用越懂你
扣子实操教程

前面你创建了 Agent,给它加了技能。这篇深入讲记忆,这是扣子 Agent 区别于普通对话工具的核心能力。

井云团队
井云团队
详情
Excel处理:一句话搞定表格分析
扣子实操教程

做Excel是件重复又耗时的事。数据清洗、公式计算、图表生成、报表整理,每一步都要花时间。扣子内置了"Excel"技能,你输入一句话描述需求,它自己读表格、筛数据、算结果、画图表、出报表。

井云团队
井云团队
详情