前端内容创作 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 的边界其实很清楚：它能帮你把骨架搭起来，把重复劳动吃掉，但文章里真正值钱的判断，还是得人来定。
