前端内容创作 Agent 的提示词设计与落地
做内容创作 Agent,最怕的是提示词写得很满,跑出来却像一份空泛的流程说明。前端场景尤其明显:既要能看懂技术关键词,又要知道怎么组织文章、怎么给发布平台留好结构,还得尽量少一点'AI 味'。
这份提示词的思路,其实就是把一篇前端技术文章拆成几步让 Agent 去做:先扩词,再定计划,然后搭框架,接着写正文,最后补上发布信息。看起来规整,但真正有用的地方在于它把'创作'这件事变成了可控流程,而不是一次性生成。
基础版:适合快速出稿
基础版更像一个轻量工作流,适合我临时要一篇围绕某个前端关键词的文章时用。它要求 Agent 先基于核心关键词扩展出 3-5 个相关技术点,比如 Vue、React、WebGL、Cesium、AI+ 前端这些方向。这个步骤很关键,不然文章很容易写散,最后只剩下'前端很重要,技术很多'这种没信息量的内容。
接下来是创作 Plan。这里不需要写得很重,重点是把受众、亮点和发布目标定清楚。比如一篇面向中级前端开发者的实战文,就不该把篇幅浪费在概念解释上,而应该尽量把实现细节和坑点讲明白。
再往下是结构化框架。基础版固定成四块:引言、核心技术解析、实现步骤、总结展望。这个结构不花哨,但够稳。对技术博客来说,读者通常也就关心三件事:你遇到了什么问题,怎么解决的,方案有什么边界。
最后是正文和发布适配。正文要求通俗、带代码,发布部分直接输出标题、标签和分类。对内容生产来说,这一步的价值很现实:少切换上下文,少反复手改格式,写完就能进编辑器。
进阶版:更适合深度技术文章
进阶版把要求拉高了一档,重点从'能写'变成'写得更像一个懂前端的人'。它要求 5-8 个技术点,还要把原理、实战、痛点解决这些维度串起来。这个设计是对的,因为真正能读下去的技术文章,往往不是把点列全,而是把点之间的关系说清楚。
它的框架也更完整:标题备选、引言、原理、实战、代码示例、效果展示、常见问题、总结和未来拓展。这个结构适合 1500-2500 字甚至更长的文章,尤其是涉及前端可视化、AI 工具链、跨端开发时,读者需要的是连续上下文,不是碎片化结论。
我比较认可的一点是它把 mermaid 流程图也放进来了。很多前端技术内容的问题,不是代码不够,而是结构没画出来。Agent 工作流程、模块依赖关系、数据流向,这些东西如果只靠文字,读起来会很累;有一张结构图,理解成本会低很多。
专业版:面向复杂主题和自动化发布
专业版已经不只是提示词了,更像一套内容生产规范。它把主题拆成关键词体系、创作方案、学术级逻辑框架、正文撰写和自动化发布适配。这个层级适合做比较完整的专题内容,比如'前端 Agent 与大模型联动''WebGIS 场景下的可视化内容创作'等。
这里最有价值的是它对'发布'也做了设计。很多提示词只管生成文章,不管怎么发、发给谁、标题怎么适配搜索。专业版把分类、标签、摘要都纳入输出,甚至预留了接口参数。对要做批量生产或者接编辑器 API 的场景,这一步能省不少重复劳动。
当然,这种写法也有代价:提示词会明显变长,执行成本更高,不适合每次都原样全量调用。我的经验是,真正落地时最好把它拆成几段。轻量选题用基础版,专题文章用进阶版,自动化流水线再用专业版。这样比较顺手,也不容易把 Agent 调成一个'什么都做、但什么都做不深'的东西。
这套提示词真正解决的问题
它解决的不是'生成一篇文章'这么简单,而是把前端技术内容创作的几个断点连起来了:关键词不够准、结构不稳定、代码块不统一、发布信息要手动补。把这些环节串成流程之后,Agent 才像一个能协作的工具,而不是一次性作文机器。
如果只是想快速出一篇可发布的前端技术文,我会优先用基础版;如果主题稍微复杂,涉及原理和实战并重,进阶版更合适;如果要做平台级内容生产,专业版才值得投入。提示词不是越长越好,关键是和场景对齐。
可以直接复用的方向
这套提示词很适合继续扩展成几个常见前端主题:
- Vue / React 技术实战
- WebGL / Cesium 可视化
- AI + 前端工作流
- 跨端开发与自动化发布
- 前端内容生产工具链
如果后面要继续优化,我会优先做两件事:一是把'关键词扩展'和'标题生成'单独抽出来,避免每次都全量运行;二是给不同平台准备不同的输出模板,不然摘要、标签、分类最后还是得人工再磨一遍。
这类 Agent 的边界其实很清楚:它能帮你把骨架搭起来,把重复劳动吃掉,但文章里真正值钱的判断,还是得人来定。


