各位老师们大家好,我是苏州电信智云中心AI团队的TeleAgent技术支撑小南。
做过公众号排版的老师都懂那个流程:稿子定稿了,还要打开秀米,套模板、逐段调字号颜色行距、一张张传图、对图注、调间距,弄完复制进公众号后台,再填标题、封面、摘要,手机预览发现图挤了再回去改……文章五分钟,排版两小时。
先看成品——这是一篇已经用这个技能排完、真实发布到公众号上的推文(这次发在我的个人测试公众号上做线上验证;学校的正式号要走三审三校,后面会讲怎么配合),手机端的实际效果:

下面一步步来。
一、先到技能广场,把「校园公众号排版助手」装下来
打开 TeleAgent,进入技能广场,搜索「校园公众号排版助手」,点击安装。装好后,它在对话里就是你的"排版搭子"。
它到底做什么,一句话说清楚——
- 你给: 一份已定稿的新闻稿(Word、记事本、直接粘贴都行)+ 几张活动照片(按你希望出现的顺序发);
它给: 三样东西一次给齐——①一份排版好的 HTML 排版稿(浏览器打开就是手机上的效果);②一份图片清单(每张照片放哪个小节、建议配什么图注);③一份待确认清单(它拿不准的事全列出来,绝不替你瞎做)。
它明确不做的事也要记好:不写稿、不改稿。 你给它什么文字,它排什么,一个字都不动——发现疑似错字,只放进"待确认清单"提醒你。对新闻稿来说,这一点特别重要:审定过的文字,谁(包括 AI)都无权改动。
那你可能要问:技能广场上排版类技能不少,凭什么推荐这一个?因为它不是"套模板"——小南给它喂了 8000 多份精美模板让它逆向学习,还拆解了多篇秀米付费模板的公众号文章,又经过多轮"根因追查"式调试,把排版死板按公式、组件微信不兼容、排版没创意这些毛病一个个修掉了。所以它排出来的不是"填进模板的样子",而是根据你文章的主题,自动生成一套整体风格一致的创意排版——同一篇文章排几次,风格都不一样,但都好看。后面第三节,我把这段打磨过程原原本本讲给你听。
还有一点先记住:排出来第一版,不一定一下子就完全满意——不用将就,直接用自然语言跟它说哪儿要改,像跟设计师沟通一样,改到满意为止。怎么做,实操里你会亲眼看到。
对了,它不止会排——排版稿满意后,它还能直接帮你上传发布到公众号,建图文、填标题、传封面全是它干,你只扫两次码(登录 + 发表验证),发布前它还会逐项跟你确认。实操里有"自己搬"和"让它传"两条路线的对比,往下看。
二、实操:一篇真实稿子,从"排版"到"发布"只要四步
不空讲。我们直接拿一篇真实做过的稿子走一遍——《当AI走进老师的日常》,它已经用这套流程排完并真实发布过(发在个人测试公众号上做线上验证)。
第一步:把稿子和照片交给它
在对话里粘贴新闻稿全文,上传照片,再补一句让它干活的话(这句话你可以直接抄):
请用「校园公众号排版助手」排版这篇《当AI走进老师的日常》:配图按正文顺序用我上传的截图,主题做黑板课堂风,配色、装饰你按主题自主设计。
发过去之后,它一会儿就给你三样东西:排版 HTML、图片清单、待确认清单。这里有个细节值得记住——它交付前会自己先检查一遍:有没有不合微信的代码、样式是不是全部内联、宽度会不会超出手机屏,全过了才给你。
我们那篇的第一版,是这个样子(黑板课堂版):

说实话,收到第一版我就基本满意了,唯一的瑕疵你也看出来了——头图右下角带着"AI生成"水印。那时候技能还没有水印检查这一环;现在广场上这个新版本已经把"水印检测加修复"内置成硬性流程了,你不会再遇到这种情况。(这段打磨过程,第三节细说。)
第二步:不满意的地方,一句话改掉
当时我只说了一句话:
排版整体我很满意,只有一处:把头图右下角的"AI生成"水印去掉,其他所有内容、样式全部保持原样。
它在原排版稿上只动了水印,其余原样保留,很快给了我干净的新版。改完的稿子我就直接定稿了——你看,从"基本满意"到"定稿",就是一句话的事。
第三步:把排版稿搬进公众号——两条路,任选
排版工作到这儿其实就结束了,剩下的是"搬运 + 点亮"。给你两条路:
路线 A:自己动手,几分钟"搬运"
- - 把排版好的 HTML 用浏览器打开,Ctrl+A 全选、Ctrl+C 复制;
- - 登录公众号后台(mp.weixin.qq.com),新建图文,在正文编辑器里 Ctrl+V——小标题组件、颜色、署名区都会完整体现;
- - 按图片清单,把正文里每个"此处插入照片"占位块删掉,用编辑器自带的"图片"按钮上传对应照片(照片必须走公众号编辑器上传,微信不显示外部图片链接);
- - 填标题、选封面、写摘要、核对署名区;
- - 手机预览:图片全不全、图注对不对、有没有丢段挤行。
路线 B:让技能直接帮你上传,你只管扫两次码
这是这个技能里我最喜欢的一个设计。排版稿满意后,直接跟它说"帮我上传到公众号",剩下的活它全包——建图文、填标题、粘贴正文、传封面,全是它操作,你只需要扫两次码:一次登录码、一次发表验证码。而且它绝不自作主张:
- - 动手前先问你四件事:标题(给你选项挑)、摘要(拟好句子供你确认)、封面(现场合成 900×500 的预览图给你过目)、发布方式("存草稿+手机预览"还是"直接发布",拿不准就选存草稿);
- - 上传完给你看实际效果,发布前还会再征求你的意见,你点头它才点"发表";
- - 发布后它自动做一遍线上验证(图全不全、关键句在不在),然后把正式链接发给你。
安全边界也写死在技能里了:扫码永远是你本人来,它不保存任何登录凭证;没有你的明确确认,绝不点"发表"。
第四步:发布
我们这篇稿子走的就是路线 B。发布后微信会生成正式链接,手机上就能打开看。这篇稿子的正式链接:mp.weixin.qq.com/s/NJg7BDuQRabfGr4aaWFVeQ(点开就能看原文)。提醒一句:这是发在我的个人测试公众号上做线上验证的——学校的正式公众号要三审三校,建议你们用"存草稿"方式,把草稿交给审核老师走流程,排版工作照样全部由技能代劳。下面三张是发布后公众号里的真实效果——从黑板头图到小标题组件、图注、文末署名区,和在排版稿里看到的完全一致:



三、这个技能是怎么"长"出来的?——不用写代码,全程说人话
很多老师会问:小南,你们这些技能是不是要会编程才能做?——不需要。 这个技能从头到尾,都是"说人话"说出来的。
它最早就是我对 AI 说的这段话:"我要创建一个技能,可以直接 AI 按照我的文章图片风格来排版,不改变文字图片,代替秀米排版,得出结果文件可以直接预览放到公众号上发布。" AI 就把这段话变成了一份"技能说明书"——规则、边界、输出格式,全写进去。我拿这份提示词,孵化创建了最初版本的技能。
然后就是用真实稿子一遍遍喂,每一次都是一个"提需求 → 找根因 → 固化"的循环。挑几段最关键的经历讲给你听:
第一次转折:从"规整"到"有创意"。初版排出来效果不错,但被吐槽"太规整,不像付费模板"。怎么让它学会创意?一开始我让它看少量几篇精美模板学习,效果一般——样本太少,学不到精髓。后来我从网上收集了 8000 多份精美模板,让它去逆向解码秀米精美模板的前端架构,把人家的布局手法拆开揉碎,沉淀成自己的创意手法库。
第二次转折:学多了,得"模板病"。新问题来了:学得太多,它有了"模板思维",把一开始"根据文章内容确定风格、自己创意生成排版"的初衷弄丢了——排版反而千篇一律,几个常用组件反复出现,没有呼吸感,死板僵硬。解决的办法是给它定了一条规矩:每次排版,第一步永远是读文章内容、确定风格、创意生成整体排版;素材库退到第二步,只当让初稿更精致的"灵感库"。这样调完,效果才真正趋于我想要的。
一次小事故:AI 水印。排出来的配图偶尔带"AI生成"水印——一句话:"以后每张 AI 生成图,交付前都过一遍水印检查。"它写了一套检测加修复的流程,固化进技能。你在实操第二步看到的那句话去水印,背后就是这套流程。
一次真事故:线上裁字。有一次线上发布后,手机端文字被裁掉了一块。我们对比了本地正常、线上裁字的差异,揪出根因:微信粘贴时会把百分比宽度按 750px 换算成固定像素,导致卡片偏移。于是让 AI 把"宽度安全写法"写成硬性规则,再加一道自动校验,从此再没出过这个问题。
这么调下来,技能现在的状态是:同一篇文章,多调用几次,可以排出完全不同风格的版式,但每一种都挺好看。不信你看——下面三张,全是同一篇《当AI走进老师的日常》,它给出的三种排版:蓝色科技风、米黄手绘风、浅蓝清新风:



发现了吗?其实只有一句话:自然语言说需求 → AI 找根因 → 把解决写进技能。不需要一行代码。
顺便说一句它现在长什么样:最初那一小段话,已经长成了一份"主说明书",后面跟着十几本专门的手册——配色怎么定、布局怎么出彩、照片怎么选、水印怎么清、怎么一键代上传到公众号……再配几个小工具,负责交付前"最后检查一遍"。这些都不是一次写完的,是这几个月里一句一句"这儿再改改"长出来的。
四、装好之后,你也能自己继续"调"它
所以下载之后,别只把它当现成工具——你可以继续把它调成"你学校想要的样子",方法就是说话。四个招式:
- 1. 按喜好提要求。"我们学校风格是蓝色系,以后默认走蓝色。"以后它就记住了;
- 2. 不满意就让它对比。别问"还能不能更好看",要问"和这篇付费模板比,差在哪几处?"——它会一条条列差距,再一条条补。我们后期就是这么做的:把它排的稿子和高级模板摆在一起,让它自己列差距清单,列完照着补,一版比一版接近;
3. 出错一定问根因。哪天排出来的稿子有问题,别只说"错了,改",要像下面这样问:
这次排版线上显示不正常。先别急着改,你去找根本原因:为什么本地正常、线上不行?找到之后,想一想怎么把这个问题的解决办法固化进技能,保证以后永远不再犯。
4. 终极招:让它逆向学习别人的东西。遇到解决不了的问题,就说"你去研究一下人家是怎么做到的,把能借鉴的手法加进来"。我们这个技能里最好用的几本手册,就是这么来的——一本是拆开一个开源排版项目(doocs/md)学来的成套主题手法,一套"不同场景该用什么设计语言"是从 8000 多张校园模板里反推出来的。学的是手法,长的是自己的风格。
一句话总结:技能是 AI 的"人设",你就是它的"产品经理"——它越用越顺手,全靠你用说话在"调"它。
五、结语
从选题到素材到发布,这一期的所有内容都来自真实成果:技能广场上架的「校园公众号排版助手」+ 一篇真实排完并发布的推文。排版两小时,变成对话两分钟;连"搬进公众号"这一步,它都能替你干——这就是这一期想让大家尝到的东西。
去技能广场把它装下来,拿一篇学校最近的旧新闻稿试排一遍,把前后对比发到群里。也欢迎把你的排版要求、学校配色、偏好风格告诉我,我们一起把它调成"你学校专属"的样子。
为了让大家练手,我们专门准备了一份练手素材包:一篇阳光小学端午主题活动的新闻原稿,配上 5 张活动照片(学校与活动为教学虚构,放心随便排)。下载后把原稿和照片一起发给技能,你的第一篇创意排版马上就能出炉:
我是小南,我们下期见!
六、想自己从头建一个?这是它的"出生提示词"
用下面这段提示词发给 TeleAgent,让它创建技能,两分钟就能得到"校园公众号排版助手"的基础版;后面再按"四"里的方法,一步一步调成你的"私人订制"。
你现在是 TeleAgent 技能「校园公众号排版助手」的设计者。请创建这个技能,技能说明如下: 技能名:校园公众号排版助手 用途:面向中小学公众号运营老师,把一份已审定的校园新闻稿 + 活动照片,排版成可直接导入微信公众号编辑器的图文排版稿,替代在秀米里的手动排版。本技能只做排版,不改写、不创作、不润色新闻内容。 【输入】 1. 新闻稿文字(Word / 记事本 / 直接粘贴均可),含标题、小标题、正文、文末署名(如"图文来源|制作|三审三校"); 2. 活动照片若干张(按老师期望的顺序,文件名如 img01、img02); 3. 可选:每张照片的图注。老师没给图注的,宁可在清单里标"待确认",绝不许编造照片内容。 【输出】(每次一次给齐三样) 1. 一份微信兼容的排版 HTML 文件,要求: - 全部样式内联(style 直接写在标签上),复制粘贴进公众号编辑器不丢格式; - 正文区宽度不超过 750px,整体居中;禁止任何 script 标签、JavaScript 事件属性、外链 CSS、外链图片; - 字体栈只用 PingFang SC / Microsoft YaHei / sans-serif;正文 15-16px,行距 1.75,段间距一致; - 结构完整:头图占位 → 导语段 → 按"01 / 02 / 03"编号的小标题组件 + 正文段 → 图片占位块(写明"此处插入照片 imgXX")→ 文末署名区块(按原稿一行不落); - 配色默认"少先队/校园主题":中国红 + 金黄点缀,小标题栏红底白字,庄重不花哨;老师可指定换蓝、绿等其他主题色; - 图片一律用文字占位块表示,不要引用本地文件路径(复制进公众号会丢图); 2. 一份图片清单:每张照片建议插在哪个小节、建议图注——凡是从稿件文字推断的图注,必须标注"建议,待确认"; 3. 一份待确认项清单:稿件缺失信息、拿不准的照片内容、疑似错别字(只提醒,不当场改)。 【硬性规则】 - 审定文字一字不改:不增删、不改写、不"润色"、不调整事实表述;发现疑似错别字只列入待确认清单; - 不编造:照片内容、人物身份、活动细节,稿件里没有的一律不写; - 署名区(图文来源/制作/一审二审三审)按原稿完整保留; - 生成 HTML 后先自检再交付:无 script 标签、无外链资源、样式全内联、宽度不超 750px; - 交付时在末尾附"导入公众号五步":①浏览器打开排版文件,Ctrl+A 全选、Ctrl+C 复制 → ②公众号后台新建图文,正文区 Ctrl+V → ③按图片清单逐个删除占位块、用编辑器"图片"按钮上传照片 → ④填标题、选封面、写摘要、核对署名 → ⑤手机预览,确认后存草稿交审核。 【交互要求】 - 老师说"标题低调一点""红色换蓝色""这两张并排""图注统一灰色小字"这类要求时,直接在原排版稿上修改并给新版,已确认的部分原样保留,不推倒重来; - 照片超过 15 张时,主动建议精选 8-12 张并说明理由,最终由老师决定; - 稿子很长时(正文超 8000 字),提醒老师公众号单篇上限约 2 万字符,必要时建议拆分上下篇; - 全程用中文,语气像同事帮忙,不夸大、不啰嗦。
这段提示词,为什么这么写?
一段能用的技能提示词,其实就四块,少一块都会出问题——
【输入】 先说清"老师会给你什么":稿子、照片、图注。写不写这条差别很大。写了,它知道没给图注时要问你;不写,它可能自己编一个。
【输出】 说清"要交什么",而且具体到能验货:三样东西、宽度不超过 750px、样式全部内联。越具体,它越不会自由发挥;越含糊,你越要返工。
【硬性规则】 说清"什么绝对不能做":不改稿、不编造、署名区一行不能漏。对新闻稿来说,这一块比前面两块都重要——它决定了这个技能是"帮手"还是"隐患"。
【交互要求】 说清"我说一句话,你要怎么反应":在原稿上改、不推倒重来、照片太多要提醒我精选。
照着改,就能变成"你学校专属"的
不用从头写,改三处就够:
- - 换风格:把"配色默认少先队校园主题:中国红 + 金黄点缀"改成你学校的标准色,比如"默认蓝色系,主色 #1a5fb4,庄重不花哨",以后它默认按你的来;
- - 加一条死规矩:你们学校署名必须是"图文:XXX|审核:XXX",一个字不能少——直接加进【硬性规则】;
- - 加一个出口:如果稿子还要发美篇、校园网,就在【输出】里补一句"同时导出一份 Word 版正文";
- - 加一个大招:想让它连发布都代劳,就在【交互要求】里补一段——"排版稿确认后,可代为上传发布到公众号:动手前先向老师确认标题、摘要、封面(给预览图)、发布方式四件事,发布前再次征求同意;登录与发表的两次扫码必须由老师本人完成,绝不代扫、不保存任何登录凭证。"安全边界和省事功能一起写明,它才不会越界。
- 改完跟它说一句:"以后都按这个来,固化进技能。"——这才叫"调"它,不然下次又是老样子。
