## 本期概述 本轮（第 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。 --- ## 内容分发视觉引擎生态分类 ```mermaid graph TD A[内容分发视觉引擎] --> B[社媒卡片系] A --> C[概念信息图系] A --> D[技术交付图系] A --> E[通用画布底层] B --> B1[baoyu-xhs-images
小红书多卡片] B --> B2[markdown-to-image
单张分享图] B --> B3[baoyu-infographic
专业信息图] C --> C1[text-logic-diagram
逻辑关系SVG] C --> C2[article-to-excalidraw
文章转白板+脚本] C --> C3[excalidraw-diagram
手绘概念图] D --> D1[architecture-diagram-zh
双主题架构图] D --> D2[excalidraw-diagram
手绘架构] E --> E1[canvas-design
官方通用画布] 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。这五款构成本赛道的最小可用工具集，其余三款为补充长尾。 --- ## 参考来源 1. [baoyu-skills — JimLiu GitHub](https://github.com/JimLiu/baoyu-skills) — 宝玉 Claude Code 技能集官方仓库，baoyu-xhs-images 与 baoyu-infographic 的源头，披露风格/版式规格 2. [baoyu-xhs-images — Skills.sh](https://skills.sh/jimliu/baoyu-skills/baoyu-infographic) — skills.sh 市场安装量数据（baoyu-infographic 25.5K、canvas-design 71.7K、excalidraw-diagram 5.5K 等均源自此平台检索） 3. [text-logic-diagram SKILL.md — draw-skills GitHub](https://github.com/xxsong5/draw-skills/blob/main/skills/text-logic-diagram/SKILL.md) — 逻辑关系 SVG 引擎实现细节，6 种关系类型（递进/流程/循环/层次/对比/矩阵） 4. [Extend Claude with skills — Claude Code 官方文档](https://code.claude.com/docs/en/skills) — Skills 机制官方说明，canvas-design 作为官方示例技能的定位依据 5. [Excalidraw Diagram Skill — coleam00 GitHub](https://github.com/coleam00/excalidraw-diagram-skill) — 手绘风白板图技能源码与自然语言生成架构说明 > [!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 等场景全覆盖。