📚 知识库首页 交互式阅读 Markdown
本期概述
本轮(第 2 轮·前端设计类)锁定一个前序 30 余轮均未触及的细分赛道:静态卡片化与信息图引擎 ——即把结构化内容/知识转成"单帧可分享视觉卡片"或"概念信息图"的 Skills。它与已覆盖的「数据图表引擎」(管数值可视化)、「幻灯片引擎」(管多页叙事)、「视频生成」(管时间轴)、「生成式美术」(管像素合成)在产品边界上完全不同,服务的是内容分发的最后一公里:一张图发小红书、一张图做封面、一张图讲清一个概念。本轮实测 8 款引擎,覆盖社媒卡片(baoyu-xhs-images)、专业信息图(baoyu-infographic)、官方画布设计(canvas-design)、概念逻辑图(text-logic-diagram)、双主题架构图(architecture-diagram-zh)、手绘白板(excalidraw-diagram、article-to-excalidraw)与 Markdown 转图(markdown-to-image)。核心发现:宝玉(JimLiu)的卡片/信息图双子星在变现维度断崖领先 ,而官方 canvas-design 以 71.7K 安装量守住通用底盘。
评测维度与权重
维度
权重
评价标准
功能完整度
25%
是否开箱即用、风格/版式是否齐全、是否针对目标平台优化
上手难度
20%
一句话触发 vs 需深度配置;是否依赖额外模型或环境
变现潜力
25%
能否直接服务付费客户、定价空间、SaaS 化可能性
训练营适用性
15%
是否可拆解为教学单元、单课时长、学员产出可控
社区活跃度
15%
skills.sh 安装量、维护者身份、跨平台分发
评测总览对比
Skill
来源/安装量
功能
上手
变现
训练营
社区
加权总分
baoyu-xhs-images
JimLiu · 全家族旗舰
★★★★★
★★★★☆
★★★★★
★★★★★
★★★★☆
4.65
baoyu-infographic
JimLiu · 25.5K
★★★★☆
★★★★★
★★★★☆
★★★★☆
★★★★★
4.35
excalidraw-diagram
coleam00 · 5.5K
★★★★☆
★★★★★
★★★☆☆
★★★★☆
★★★★☆
3.95
architecture-diagram-zh
本地中文社区
★★★★★
★★★★☆
★★★☆☆
★★★★☆
★★★☆☆
3.85
article-to-excalidraw
本地
★★★★☆
★★★★☆
★★★★☆
★★★★☆
★★★☆☆
3.85
text-logic-diagram
zephyrwang6/draw-skills
★★★★☆
★★★★★
★★★☆☆
★★★★☆
★★★☆☆
3.80
canvas-design
anthropics 官方 · 71.7K
★★★★☆
★★★☆☆
★★★☆☆
★★★★☆
★★★★★
3.70
markdown-to-image
多作者 · 26–54
★★★☆☆
★★★★★
★★★☆☆
★★★☆☆
★★☆☆☆
3.25
逐个深度评测
1. baoyu-xhs-images —— 小红书图文卡片系列生成器
来源 :JimLiu(宝玉)/ baoyu-skills 全家族的旗舰子技能,跨 skills.sh、LobeHub、MCP.Directory、agentskills.to 多平台分发。
安装 :npx skills add jimliu/baoyu-skills@baoyu-xhs-images
核心功能 :输入一篇长文或一个选题,自动做内容分析 → 选风格 → 选版式 → 拆分为 1–10 张卡通风格竖屏卡片。官方披露支持 10–12 种视觉风格、8 种版式、3 套配色 ,并针对小红书的互动机制(首图钩子、滑动完读、收藏率)做了版面优化。竞品生态里,zhjiang22/openclaw-xhs(10.4K 安装)走的是同类路线,但 baoyu 版在风格多样性与作者背书上占优。
五维评分 :功能 ★★★★★ / 上手 ★★★★☆ / 变现 ★★★★★ / 训练营 ★★★★★ / 社区 ★★★★☆
变现与训练营 :这是本轮变现天花板。一条命令产出一条完整小红书图文笔记,可直接对接 MCN 代运营、品牌种草、知识付费引流。训练营场景下,它是"内容创作入门课"最理想的实操模块——单课 90 分钟即可让零基础学员产出一组可发布卡片,产出可见、成就感强。
竞品对比 :对比 canvas-design 的通用画布,它牺牲了自由度换来了"平台原生感";对比 markdown-to-image 的单张静态图,它产出的是一组带叙事节奏的系列图,更贴合小红书流量逻辑。
2. baoyu-infographic —— 专业信息图生成器
来源 :JimLiu / baoyu-skills,25.5K 安装量 ,是本轮安装量第二高的非官方技能,仅次于 canvas-design。
安装 :npx skills add jimliu/baoyu-skills@baoyu-infographic
核心功能 :把结构化文本/数据转成一张完整的、可独立传播的信息图(infographic)。与 baoyu-xhs-images 的"系列卡片"不同,它强调单张信息密度 ——一张图讲清一个主题,适合公众号头图、行业报告配图、白皮书摘要。生态里同类竞品不少(claude-office-skills/infographic 2.9K、markdown-viewer/skills@infographic 2.5K、antvis/chart-visualization-skills@infographic-creator 1.5K),但 baoyu 版以 25.5K 安装量稳居第一梯队,说明市场用脚投票。
五维评分 :功能 ★★★★☆ / 上手 ★★★★★ / 变现 ★★★★☆ / 训练营 ★★★★☆ / 社区 ★★★★★
变现与训练营 :信息图是 B 端内容营销的刚需物料——一份行业洞察、一组 KPI、一个产品对比,都需要可视化摘要。定价空间在"单张信息图代制 50–300 元"区间,可批量化。训练营适用性中等偏上,适合作为"数据叙事"模块的产出环节。
竞品对比 :相比 antvis 系的图表型信息图(偏数据),baoyu 版更偏"概念+结构"的可视化,文字承载量更大,更适合观点型内容。
3. excalidraw-diagram —— 手绘风白板图生成器
来源 :coleam00 / excalidraw-diagram-skill,5.5K 安装 ;同源生态还有 github/awesome-copilot@excalidraw-diagram-generator(23.2K,跨 Copilot 平台)。本地另有 axtonliu 的 Obsidian 版(2.4K)。
安装 :npx skills add coleam00/excalidraw-diagram-skill@excalidraw-diagram
核心功能 :从自然语言生成手绘风格(hand-drawn)的 Excalidraw 图表,覆盖流程图、架构图、概念关系图。手绘风的核心价值是"去正式感"——在技术博客、教程、思考笔记里,手绘风比正矩形更亲和、更易读,也更"反 AI 味"。输出为 Excalidraw 的 JSON,可在 Excalidraw 画布二次编辑。
五维评分 :功能 ★★★★☆ / 上手 ★★★★★ / 变现 ★★★☆☆ / 训练营 ★★★★☆ / 社区 ★★★★☆
变现与训练营 :变现直接性弱于卡片系,但它是"知识博主配图"的隐形刚需——大量技术自媒体用手绘风做文章配图以建立个人调性。训练营适用性高,"如何用手绘图讲清架构"本身就是一个完整教学单元。
竞品对比 :对比 architecture-diagram-zh 的精致双主题,它牺牲了视觉精致度换取亲和力与可编辑性;两者并非替代,而是"正式交付 vs 思考过程"的分工。
4. architecture-diagram-zh —— 双主题中文架构图引擎
来源 :本地中文社区技能,输出独立 HTML(内嵌 SVG)。
核心功能 :本轮回测中功能完整度拿到满分 的一款。最大亮点是深色/浅色双主题一键切换 ——在技术文档、公众号、暗色 PPT 三种场景间无缝复用同一张图,省去手动改色。原生支持中文标注,覆盖系统架构、基础设施拓扑、云架构、安全架构、网络拓扑。竞品生态里架构图类技能众多(aj-geddes 1.5K、cocoon-ai 951、pedronauck 159),但双主题切换是本款的差异化护城河。
五维评分 :功能 ★★★★★ / 上手 ★★★★☆ / 变现 ★★★☆☆ / 训练营 ★★★★☆ / 社区 ★★★☆☆
变现与训练营 :变现偏 B 端技术交付(架构评审、方案投标配图),单价不低但频次低。训练营场景极佳——"画一张合格架构图"是架构师/后端课程的标准教学点,双主题可作为"交付物规范"教学。
竞品对比 :相较纯 Mermaid,它输出的是带交互按钮的可交付 HTML,可独立发送给客户浏览;相较 Excalidraw 的手绘风,它更"正式",适合对外。
5. article-to-excalidraw —— 文章转白板+口播脚本
来源 :本地技能,定位"一篇文章 = 一个垂直 Excalidraw 文件(封面+多区域)+ 一份提词器口播脚本"。
核心功能 :本款的独特性在于双产出 ——既给视觉(多区域白板图),又给口播文案(teleprompter-friendly)。它把"长文 → 可视化讲解视频"的前半段(分镜+脚本)一次性解决,后续可直接喂给 content-to-video 类引擎配音成片。面向短视频创作、知识分享、技术科普。
五维评分 :功能 ★★★★☆ / 上手 ★★★★☆ / 变现 ★★★★☆ / 训练营 ★★★★☆ / 社区 ★★★☆☆
变现与训练营 :变现潜力高于纯画图类,因为它直接卡在"知识转视频"流水线的入口,可做成"图文→视频"的一站式服务。训练营里适合作为"知识短视频从 0 到 1"课程的分镜教学模块。
竞品对比 :对比 book-to-short-videos、knowledge-to-course 这类视频流水线,它更轻——只做"图+脚本"两件半成品,留给创作者更大的二次创作空间,灵活性换来了门槛。
6. text-logic-diagram —— 文字转逻辑关系 SVG
来源 :zephyrwang6 / draw-skills 系列(作者同期发布 5 款画图技能,号称覆盖 7 种渲染引擎)。GitHub: xxsong5/draw-skills。
核心功能 :输入一段论述性文字,自动识别其内部逻辑结构,从 6 种关系类型 (递进、流程、循环、层次、对比、矩阵)中选最贴切的一种,生成精准的逻辑关系 SVG。一次可拆多张。它解决的痛点很具体:写完一篇文章想配一张"概念关系图",但架构图技能只能画系统组件、画不了抽象概念之间的关系。
五维评分 :功能 ★★★★☆ / 上手 ★★★★★ / 变现 ★★★☆☆ / 训练营 ★★★★☆ / 社区 ★★★☆☆
变现与训练营 :变现偏窄(技术写作配图),但它填补了一个真实空白——"论述可视化"。训练营里适合作为"结构化表达""金字塔原理"课程的配套工具,让学员把抽象论点画出来。
竞品对比 :对比 mermaid-generator 的"流程图优先",它更偏"语义关系"——mermaid 画的是步骤,它画的是论证结构,定位互补。
7. canvas-design —— Anthropic 官方画布设计
来源 :anthropics/skills (官方仓库),71.7K 安装 ——本轮安装量第一,官方背书。
安装 :npx skills add anthropics/skills@canvas-design
核心功能 :基于"设计哲学(design philosophy)"在 .png / .pdf 中创建视觉艺术。它是通用画布能力的官方实现,不绑定具体平台或风格,靠 prompt 里的设计哲学驱动排版与配色。
五维评分 :功能 ★★★★☆ / 上手 ★★★☆☆ / 变现 ★★★☆☆ / 训练营 ★★★★☆ / 社区 ★★★★★
变现与训练营 :变现差异化弱——正因为"通用",反而难以形成护城河,更适合作为底层能力被上层技能(如卡片系)复用。训练营适用性中上,适合教"如何用自然语言描述设计意图"。
竞品对比 :它是这一层的"地基"。baoyu-xhs-images、architecture-diagram-zh 等垂直技能都可视为在 canvas 能力之上叠加平台/风格约束的产物。选它=买通用底盘,选垂直=买开箱模板。
8. markdown-to-image —— Markdown 转分享图
来源 :多作者实现(ericjy/inkframe 26 安装、zephyrwang6/myskill 54 安装),属长尾生态。
核心功能 :把一段 Markdown 文本渲染成适合社交分享的单张图片海报(代码块、表格、标题样式化)。解决的是"代码/技术片段发朋友圈/推特不可读"的问题。
五维评分 :功能 ★★★☆☆ / 上手 ★★★★★ / 变现 ★★★☆☆ / 训练营 ★★★☆☆ / 社区 ★★☆☆☆
变现与训练营 :变现空间有限,功能薄、易被替代。训练营可作"技术内容社交化"的轻量入门案例,但难以撑起独立模块。
竞品对比 :在 baoyu-xhs-images 的多卡片体系面前,单张静态图显得单薄;它真正的对手是 Carbon、ray.so 这类成熟的代码转图工具,而非其他 Skill。
内容分发视觉引擎生态分类
graph TD
A[内容分发视觉引擎] --> B[社媒卡片系]
A --> C[概念信息图系]
A --> D[技术交付图系]
A --> E[通用画布底层]
B --> B1[baoyu-xhs-images<br/>小红书多卡片]
B --> B2[markdown-to-image<br/>单张分享图]
B --> B3[baoyu-infographic<br/>专业信息图]
C --> C1[text-logic-diagram<br/>逻辑关系SVG]
C --> C2[article-to-excalidraw<br/>文章转白板+脚本]
C --> C3[excalidraw-diagram<br/>手绘概念图]
D --> D1[architecture-diagram-zh<br/>双主题架构图]
D --> D2[excalidraw-diagram<br/>手绘架构]
E --> E1[canvas-design<br/>官方通用画布]
style B fill:#ffe0e6,stroke:#d63384
style C fill:#e0e8ff,stroke:#3366cc
style D fill:#e6ffe0,stroke:#33cc66
style E fill:#fff5e0,stroke:#cc9900
生态可清晰切为四层:社媒卡片系 (面向 C 端流量,变现最强)、概念信息图系 (面向知识传播,适合博主)、技术交付图系 (面向 B 端文档,单价高)、通用画布底层 (被上层复用的地基)。baoyu 双子星同时占据社媒卡片系的两个高点,形成"系列卡片 + 单张信息图"的产品矩阵。
推荐排行榜
🥇 综合得分榜(加权)
1. baoyu-xhs-images — 4.65(变现+训练营双满分)
2. baoyu-infographic — 4.35(25.5K 安装背书)
3. excalidraw-diagram — 3.95(手绘风亲和力)
4. architecture-diagram-zh / article-to-excalidraw — 3.85(并列)
5. text-logic-diagram — 3.80
6. canvas-design — 3.70
7. markdown-to-image — 3.25
💰 变现潜力榜
1. baoyu-xhs-images — 直接服务小红书博主/MCN,单条图文代制可定价
2. baoyu-infographic — B 端内容营销刚需,可批量化
3. article-to-excalidraw — 卡位"图文→视频"流水线入口
🎓 新手友好榜(上手难度)
1. baoyu-infographic / text-logic-diagram / excalidraw-diagram / markdown-to-image(并列五星,一句话触发)
📚 训练营首选
1. baoyu-xhs-images — 90 分钟单课即可产出可发布卡片,成就感闭环最短
2. architecture-diagram-zh — 架构师课程标准教学点,双主题作交付规范
👥 社区活跃榜(安装量)
1. canvas-design — 71.7K(官方)
2. baoyu-infographic — 25.5K
3. excalidraw-diagram(含 Copilot 版) — 5.5K + 23.2K
选型决策线 :要做小红书/社媒变现 → baoyu-xhs-images;要做 B 端信息图/报告配图 → baoyu-infographic;要给技术博客配亲和力手绘图 → excalidraw-diagram;要做对外架构交付 → architecture-diagram-zh;要从零搭自有画布能力 → canvas-design。这五款构成本赛道的最小可用工具集,其余三款为补充长尾。
参考来源
baoyu-skills — JimLiu GitHub — 宝玉 Claude Code 技能集官方仓库,baoyu-xhs-images 与 baoyu-infographic 的源头,披露风格/版式规格
baoyu-xhs-images — Skills.sh — skills.sh 市场安装量数据(baoyu-infographic 25.5K、canvas-design 71.7K、excalidraw-diagram 5.5K 等均源自此平台检索)
text-logic-diagram SKILL.md — draw-skills GitHub — 逻辑关系 SVG 引擎实现细节,6 种关系类型(递进/流程/循环/层次/对比/矩阵)
Extend Claude with skills — Claude Code 官方文档 — Skills 机制官方说明,canvas-design 作为官方示例技能的定位依据
Excalidraw Diagram Skill — coleam00 GitHub — 手绘风白板图技能源码与自然语言生成架构说明
[!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 等场景全覆盖。