メニュー
将 Markdown 中显式的 Mermaid 围栏渲染为 PNG，并用本地路径或经用户授权上传后的 HTTPS URL 替换原围栏。适用于 Mermaid 流程图、架构图、时序图和状态图转图片，或由 wechat-article-typeset 串行处理 images.md 工作文件。未经明确授权不得上传图片。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/shiker1996/wechat-newsroom-workbench --skill mermaid-renderコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
把文章标题、摘要和封面主题 SPEC 转译成一张 900×383 的横向封面 HTML/CSS。适用于公众号文章封面 AI 视觉生成，不负责改写文章、生成图片或修改标题事实。
把已确认的故事板和事实内容设计成一组有主题、有层级、有节奏、可直接截图的小红书视觉卡片 HTML。适用于故事板完成后的 AI 视觉生成，不负责事实采集、事件分析或程序化页面渲染。
根据已确认的 Social 图文主题配置生成或更新主题级 AI_DESIGN_SPEC.md，沉淀可复用的视觉方向、组件视觉绑定和装饰配方；不生成具体事件或工具图文内容。
SOC 職業分類に基づく
SKILL.md を表示中
| name | mermaid-render |
| description | 将 Markdown 中显式的 Mermaid 围栏渲染为 PNG，并用本地路径或经用户授权上传后的 HTTPS URL 替换原围栏。适用于 Mermaid 流程图、架构图、时序图和状态图转图片，或由 wechat-article-typeset 串行处理 images.md 工作文件。未经明确授权不得上传图片。 |
只处理 ```mermaid 围栏，不从普通正文猜测图表。
流水线直接执行确定性脚本：
node scripts/render-mermaid.mjs <input.md> <output.md> [imageDir]
脚本按出现顺序提取围栏，为每个围栏写 <imageDir>/mermaid-N.mmd，优先调用项目本地安装的 Mermaid CLI（@mermaid-js/mermaid-cli，兼容全局安装），并使用 PUPPETEER_EXECUTABLE_PATH、系统 Chrome 或 Puppeteer 缓存中的 Chrome 渲染 mermaid-N.png，再把围栏替换为相对 PNG 路径。stdout 最后一行输出 JSON 报告 {"converted":N,"failed":[...],"images":[...]}；有失败时退出码为 1。
渲染前检查 npx mmdc --version。节点文本来自用户内容时，转义会破坏 Mermaid 语法的字符；不得改写节点含义。单个围栏失败时保留原围栏并报告，不得删除内容。预览模式如需上传图床，必须先获得用户明确授权。