公众号文章自动创作技能

当用户想要写技术文章并发布到微信公众号时，使用此技能。

触发条件

用户表达以下意图时触发：

• "写一篇关于 XX 的文章"
• "帮我写公众号文章"
• "写技术教程并发布"
• "自动创作文章"

完整流程

按顺序执行以下步骤，每步完成后询问用户是否继续：

步骤 1: 生成文章框架

node {baseDir}/scripts/generate-framework.js "文章主题"

说明：

• 根据主题自动诊断类型（教程/产品/通用）
• 生成结构化框架 examples/framework.md
• 展示框架给用户确认

用户确认后继续步骤 2

步骤 2: 搜索背景资料

node {baseDir}/scripts/search.js "关键词 1"
node {baseDir}/scripts/search.js "关键词 2"
...

说明：

• 从框架中提取 3-5 个关键词
• 调用百度搜索获取实时信息
• 整理搜索结果供写作参考

搜索完成后继续步骤 3

步骤 3: 撰写文章

使用你的能力直接撰写文章，不需要调用外部 API！

要求：

1. 根据框架结构展开
2. 结合搜索结果补充内容
3. 字数约 3000 字
4. 口语化表达，像跟朋友聊天
5. 每个功能点配代码示例或操作步骤
6. 使用 Markdown 格式

输出格式：

---
title: 文章标题
cover: [待生成]
tags: [标签 1, 标签 2, 标签 3]
---

# 文章标题

正文内容...

保存到：examples/article.md

文章写完后继续步骤 4

步骤 4: 生成配图

调用 wanx-image-generator 技能（通义万相）生成图片：

4.1 封面图

cd {baseDir}/../wanx-image-generator
uv run scripts/generate.py \
  --prompt "技术文章封面图，{文章标题} 主题，简约科技感，蓝紫色调，16:9 比例，不要任何文字" \
  --output {baseDir}/examples/images/cover.png \
  --model wan2.6-t2i \
  --size "1280*1280" \
  --no-watermark

说明：

• 模型：wan2.6-t2i（最新版，同步调用）
• 尺寸：1280×1280（或 1696×960 横版）
• 耗时：约 6-7 秒
• 成功率：100%

4.2 正文配图（3-5 张）

# 配图 1：引言
uv run scripts/generate.py \
  --prompt "现代化办公室场景，职场人士用电脑，屏幕显示 AI 自动化界面，科技蓝紫色调" \
  --output {baseDir}/examples/images/img1.png \
  --model wan2.6-t2i --size "1280*1280" --no-watermark

# 配图 2：概念图
uv run scripts/generate.py \
  --prompt "AI 概念架构图，左侧 AI 大脑神经网络，右侧流程图，中间融合效果" \
  --output {baseDir}/examples/images/img2.png \
  --model wan2.6-t2i --size "1280*1280" --no-watermark

# 配图 3：趋势图
uv run scripts/generate.py \
  --prompt "趋势分析图，上升曲线展示增长，科技感网格背景" \
  --output {baseDir}/examples/images/img3.png \
  --model wan2.6-t2i --size "1280*1280" --no-watermark

# 配图 4：流程图
uv run scripts/generate.py \
  --prompt "三步流程图，三个圆形节点从左到右，蓝紫渐变" \
  --output {baseDir}/examples/images/img4.png \
  --model wan2.6-t2i --size "1280*1280" --no-watermark

# 配图 5：实战场景
uv run scripts/generate.py \
  --prompt "多显示器工作站，3 个屏幕显示代码和仪表盘，现代办公室" \
  --output {baseDir}/examples/images/img5.png \
  --model wan2.6-t2i --size "1280*1280" --no-watermark

生成图片后更新文章：

---
title: 文章标题
cover: /home/ray/.openclaw/workspace/skills/wechat-mp-auto-publisher/examples/images/cover.png
tags: [标签 1, 标签 2]
---

# 文章标题

![配图说明](/home/ray/.../examples/images/img1.png)

正文...

配图完成后继续步骤 5

步骤 5: 发布到公众号

node {baseDir}/scripts/publish.js examples/article.md

说明：

• 自动检查 frontmatter（title + cover）
• 检查图片路径（必须绝对路径）
• 调用 wechat-toolkit 发布
• 返回草稿箱链接

发布完成后告知用户：

• ✅ 发布成功
• 📎 草稿箱链接
• 📱 预览二维码

工具说明

依赖技能

错误处理

示例对话

用户： 帮我写一篇关于"AI 自动化工作流"的文章，发布到公众号

你： 好的！我来帮你自动完成这篇文章的创作和发布。

步骤 1: 生成框架 正在生成文章框架... （运行 generate-framework.js） 框架已生成，请确认结构是否合理...

用户： 可以，继续

你： 步骤 2: 搜索背景资料 正在搜索相关文章... （运行 search.js 搜索 3-5 个关键词） 搜索完成，找到 XX 条相关资料。

步骤 3: 撰写文章 正在撰写文章内容... （AI 直接写作） 文章已完成，共 XXXX 字。

步骤 4: 生成配图 正在生成封面图和正文配图... （调用 wanx-image-generator，通义万相）

• 封面图：6.8 秒 ✅
• 配图 1-5：每张约 6.5 秒 ✅ 配图已生成，文章图片路径已更新。

步骤 5: 发布到公众号 正在发布到微信公众号... （运行 publish.js） ✅ 发布成功！ 草稿箱链接：https://... 预览二维码：[二维码图片]

配图 Prompt 模板

封面图

技术文章封面图，{文章标题} 主题，简约科技感，蓝紫色调，16:9 比例，不要任何文字

引言配图

现代化办公室场景，职场人士用电脑，屏幕显示 AI 自动化界面，科技蓝紫色调

概念图

AI 概念架构图，左侧 AI 大脑神经网络，右侧流程图，中间融合效果，科技感

趋势图

趋势分析图，上升曲线展示增长，科技感网格背景，蓝紫色调

流程图

三步流程图，三个圆形节点从左到右，蓝紫渐变，连接箭头

实战场景

多显示器工作站，3 个屏幕显示代码和仪表盘，现代办公室环境

API Key 配置

wanx-image-generator 技能需要阿里云百炼 API Key，配置方式（按优先级）：

1. 统一配置文件（推荐）：~/.openclaw/.env

   # 阿里云百炼 API Key
   DASHSCOPE_API_KEY="sk-xxx"
   

2. Skill 目录配置文件：~/.openclaw/workspace/skills/wanx-image-generator/.env

3. 环境变量（临时测试）：

   export DASHSCOPE_API_KEY="sk-xxx"
   

获取 API Key：https://bailian.console.aliyun.com/?tab=globalset#/efm/api_key

注意事项

1. 图片路径必须使用绝对路径 - wechat-toolkit 要求
2. 发布前检查 IP 白名单 - 确保服务器 IP 在公众号后台配置
3. 每步询问用户确认 - 给用户掌控感，可随时停止
4. 失败时提供降级方案 - 手动操作指引
5. 配图生成失败重试 - wanx 成功率 100%，失败通常是 API Key 问题
6. API Key 统一配置 - 推荐在 ~/.openclaw/.env 集中管理所有 Skill 的 API Key

性能数据

更新日志

v3.1.0 (2026-03-12) - 通义万相配图

• ✅ 配图工具从 nano-banana-pro 改为 wanx-image-generator
• ✅ 稳定性提升至 100%
• ✅ 速度提升至 6.5 秒/张
• ✅ 更新 SKILL.md 和 README.md

v3.0.0 (2026-03-12) - OpenClaw Skill 重构

• ✅ 改为真正的 OpenClaw Skill
• ✅ AI 由 OpenClaw 自动调用
• ✅ 简化脚本，只负责具体操作