# 渲染免费之后：图卡四件重估——同赛道四件横评，两条供应链与一个被平台收编的环节 ## 概述 本期是 Round 7 同赛道横评，对象是装机存量里的四件「文字变图」引擎：baoyu-infographic、chart-craft-plus、text-logic-diagram、markdown-to-image。本站 6 月 29 日曾以「内容图卡化」视角横评过同赛道六件（见参考来源 5），本期不重复排名，换一个三个月后才有资格问的问题：当 Mermaid 渲染已经被平台层免费收编，这四件的价值点搬到了哪里。核心发现：渲染环节确实白给了，但四件没有一件因此失业——失业风险全部集中在「只做转换」的环节，而「决定图长什么样」的环节集体升值。 ## 为什么现在重估：渲染这一段已经白给 两个观察摆在一起，才有本期。 第一个来自装机层。本期写作环境里，harness 已经挂上了 Mermaid 实时渲染 MCP：预览、换主题、导出 png/svg/pdf 一个不少，还内置了防词法错误的语法约束。本站仓库自己也不干净——根目录躺着 `render_mermaid.sh`，`config/` 里还有一份 puppeteer 配置。也就是说，「把 Mermaid 文本变成一张图」这一段，平台层和脚本层都已经备好，不再构成任何 Skill 的卖点。 第二个来自市场层。本站 8 月 30 日横评过 skills.sh 上的图表赛道：总榜头部 find-skills 3.0M 安装，而 diagram 类最高的 design-doc-mermaid 只有 31.5K，头部与腰部差着两个数量级——这是一个没有头部的长尾赛道。 赛道没头部，渲染又白给，那这四件还剩什么？逐个看。 ## 评测总览表 | Skill | 功能完整度 25% | 设计质量 25% | 实战效果 20% | 上手难度 15% | 社区活跃度 15% | 加权总分 | |---|---|---|---|---|---|---| | baoyu-infographic | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★ | ★★★★★ | **4.80** | | chart-craft-plus | ★★★★★ | ★★★★ | ★★★★ | ★★★★ | ★★★★ | **4.25** | | text-logic-diagram | ★★★★ | ★★★★★ | ★★★★ | ★★★★★ | ★★★ | **4.25** | | markdown-to-image | ★★★ | ★★★ | ★★★ | ★★★★★ | ★★★ | **3.30** | > 权重按本栏目标准：功能完整度 25%｜设计质量 25%｜实战效果 20%｜上手难度 15%｜社区活跃度 15%。活跃度说明：宝玉系有本站 6 月与第三方来源交叉印证的「生态最热技能集」记录，给分有据；其余三件无公开安装量可引，按装机存量与观察信号保守给分，不做编造。 --- ## 一、baoyu-infographic：矩阵还在，代差还在 **定位**：模板驱动路线的旗舰，出自 JimLiu/baoyu-skills——本站 6 月来源交叉印证为 Claude Code 最热门内容创作技能集，全包 22 个技能。核心机制是内容与样式解耦：先把文本结构化拆成信息单元，再扔进「20 种布局 × 17 种视觉风格」的矩阵，产出可直接发布的成品信息图。 **重估结论**：渲染白给对它几乎没有伤害，因为它从来不是「渲染器」——它的资产是矩阵化的设计决策。布局选并列还是递进、风格配黑白还是暖色，这些判断发生在渲染之前，平台收编不走这段。短板同样是结构性的：矩阵只覆盖「好看且规范」的区间，要突破模板审美仍需人工后期；理解矩阵的学习成本约半天，是四件里最高的。 **三个月变化**：无本质变化，护城河未受侵蚀。综合分从 6 月的第一继续保持第一。 --- ## 二、chart-craft-plus：广度是护城河，风格是提款机 **定位**：代码驱动路线的旗舰。本站 6 月实测记录：一键生成 35+ 种 HTML 图表，横跨技术架构、流程逻辑、业务战略、数据可视化、信息展示五大类，从 ER 图、BPMN 到 SWOT、OKR 树、商业模式画布全包；内置黑白简约、深色暗调、Claude 暖色三风格，支持品牌扩展。 **重估结论**：它的 SKILL.md 触发词设计是同赛道最激进的一组——「画个 XX 图」「生成架构图／流程图／SWOT／商业模式画布」都在射程内，等于把整个 B 端汇报词汇表写进了 description。渲染白给对它的挤压有限：它产的是带完整排版体系的 HTML，不是一张静态图，B 端要的「改个数字重出一版」仍然只有这条路顺。短板：输出需 HTML 渲染才能进文档流，比纯 SVG 多一道工序；35+ 类型意味着长尾类型的质量方差不小。 --- ## 三、text-logic-diagram：被收编潮里最抗冻的一件 **定位**：四件里唯一「先理解、后作图」的引擎。触发条件是用户给文本段落并要求生成逻辑图，核心资产是六种逻辑关系的判别——递进、流程、循环、层次、对比、矩阵——再输出精准 SVG，支持中文，可批量出多张。 **重估结论**：本期最大的重估对象。6 月它的卖点是「画得对」而非「好看」，当时看是克制；渲染白给的今天回看，这个定位恰好躲开了被收编的那一段——平台内建的 Mermaid 渲染只负责把已有结构画出来，**判断这段论述到底是递进还是并列**，依然是模型侧的活，而且是它写成 SKILL.md 的活。设计质量给到五星：用一份提示词把「逻辑关系分类学」固化成可复现流程，是同赛道最值得抄的写法之一。短板现实：视觉精致度垫底，SVG 风格朴素，直接进 C 端内容管线撑不起门面；社区信号最少，无公开数据可引。 --- ## 四、markdown-to-image：最先被平台吃掉的一段 **定位**：四件里最轻——把 text-heavy 的 Markdown 转成社交海报图，来源是 mcpmarket 上的 markdown-to-image-poster 类技能。6 月的评语是「分享场景的快门」，最低成本的末端解。 **重估结论**：三个月后，这扇快门被平台自己装上了。Mermaid 渲染 MCP 加上 harness 原生的截图、导出能力，几乎完整覆盖「把一段排版好的文字变成一张可分享的图」——它做的是纯转换，没有矩阵、没有逻辑层、没有风格体系，恰好是平台收编的标准靶心。3.30 的加权分是四件垫底，且下滑风险未出清：它还能留在线末端的条件，只剩「零学习成本」和模板的最后一点点社交排版审美。新手入门案例的角色倒是稳固——理解「内容→图」最短路径，它仍是最干净的教具。 --- ## 两条供应链：同一个需求，两种答案 把四件放回一条轴上看，赛道其实只有两条供应链： | 维度 | 代码驱动（chart-craft-plus / text-logic-diagram） | 模板驱动（baoyu-infographic / markdown-to-image） | |---|---|---| | 产物 | HTML / SVG，可进版本管理、可二次开发 | 成品图，publication-ready | | 价值锚点 | 类型广度 / 逻辑判别 | 布局×风格矩阵 / 零门槛 | | 渲染白给冲击 | 部分——产物仍需一道渲染，但渲染已免费 | 弱——价值在渲染之前的决策 | | 最怕什么 | 输出方差、HTML 进文档流的多一道工序 | 模板审美内卷、被平台转换能力覆盖 | 结论藏在最后一行：**渲染免费伤害最大的是「纯转换」，完全不伤「渲染前的判断」**。text-logic-diagram 的逻辑分类、baoyu 的结构化拆解，都在渲染之前；markdown-to-image 的全部工作，都在渲染本身。 ## 装机层的双版本暗线 本期盘点还顺手记下一个结构性观察：本机装机清单里，chart-craft 与 chart-craft-plus 并存，excalidraw 与 excalidraw-diagram 并存。同赛道在装机层出现了「原版＋增强版」双驻留——触发时谁响应，取决于各自 description 与当前语境的匹配度，这对用户是隐形的。装新版本前先删旧版，是这个现象唯一实用的建议；对 Skill 作者的启示更直接：增强版如果不改触发词边界，就是在和自己的旧版抢饭碗。 ## 选型流程图 ```mermaid flowchart TD A["一段文字要变成图"] --> B{"图要被人继续改吗"} B -->|要改| C["代码驱动路线"] B -->|直接发布| D["模板驱动路线"] C --> E["核心是论述结构"] C --> F["核心是商业图表类型"] E --> G["text-logic-diagram"] F --> H["chart-craft-plus"] D --> I["单张精致全平台"] D --> J["快速分享末端"] I --> K["baoyu-infographic"] J --> L["markdown-to-image"] G --> M["SVG 可版本管理"] H --> N["HTML 可二次开发"] K --> O["成品信息图"] L --> P["社交海报图"] M --> Q["渲染交给平台内建"] N --> Q O --> Q P --> Q ``` ## 安装与使用命令 ```bash # baoyu-infographic（仓库来自本站 6 月已验证来源） npx skills add JimLiu/baoyu-skills # 其余三件本机已在 ~/.claude/skills 存量中；新装先在市场定位， # 仓库以 find 返回为准，此处不猜链接 npx skills find chart-craft npx skills find text-logic-diagram npx skills find markdown-to-image # 触发方式（自然语言即可命中各自 description）： # 「把这段话画成信息图」「生成一张 SWOT」「把这段论述画成逻辑图」 # 「把这篇 Markdown 转成分享海报」 ``` ## 推荐排行榜 - **综合第一：baoyu-infographic（4.80）**——价值锚点在渲染之前，矩阵代差三个月未被追平； - **抗收编设计第一：text-logic-diagram（4.25）**——逻辑判别写进 SKILL.md，平台拿不走，视觉短板仍在； - **B 端广度第一：chart-craft-plus（4.25）**——35+ 类型加触发词词汇表，改数重出场景无可替代； - **上手最快：markdown-to-image（3.30）**——零门槛仍在，但纯转换定位正被平台原生能力覆盖，留用需想清楚末端场景。 一句话收束本期：渲染白给之后，图卡件的竞争从「谁能画出图」变成了「谁在渲染之前做了不可替代的判断」——这个判据，比任何五星评分都更能预测下一季度谁还在装机清单里。 ## 参考来源 1. [JimLiu/baoyu-skills · GitHub](https://github.com/JimLiu/baoyu-skills) — 宝玉系技能集仓库，baoyu-infographic 的 20×17 矩阵与 22 技能包数据来源（转引自本站 6 月横评，当期经 ailinklab 与 mcpmarket 交叉印证） 2. [baoyu-infographic · mcpmarket](https://mcpmarket.com/tools/skills/baoyu-infographic-generator) — 「内容与样式解耦」机制与布局×风格矩阵说明 3. [skills.sh](https://skills.sh) — 图表赛道安装量大盘（find-skills 3.0M、design-doc-mermaid 31.5K）出处，转引自本站 8 月 30 日横评 4. [Extend Claude with skills — Claude Code Docs](https://code.claude.com/docs/en/skills) — Skills 机制与 description 触发逻辑的官方口径 5. 本站档案：《内容即图卡：信息图引擎六维实测》（2026-06-29，六件全量首评）、《让 Claude 会画图：四款图表 Skill 横评》（2026-08-30，市场侧大盘）——本期四件的全部实测细节引文均出自这两期存档 > [!tip] 51学通信知识星球 > **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。 > **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。 > **当前规模**：5200 篇主题 / 990 个回答，198 元/年。 > **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。 > **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。