你是不是也这样：
这不是你审美不行 —— 是没找到趁手的可视化工具。
今天评测的这 5 个 Skills，来自 Hermes Agent（Nous Research 于 2026 年 2 月发布的开源 AI Agent，MIT 协议，GitHub 166K+ Stars），装上就能用，效率翻几倍。
Hermes Agent 是 Nous Research 推出的开源自主 AI Agent，不是 IDE 绑定式编程助手，也不是单 API 的聊天封装。它最核心的特性是 Skills 系统 —— 可组合的能力模块，AI Agent 加载后即可执行特定领域的专业任务。
目前官方捆绑了超过 80 个内置 Skills，覆盖创意设计、数据科学、生产力、社交媒体等十多个类别。下面 5 个可视化 Skill 均来自 creative/ 分类。
⚠️ 事实核查说明：本文所有技术细节均对照 Hermes Agent 官方文档、GitHub 仓库及 Skills Catalog 进行了交叉验证。其中
baoyu-comic和creative-ideation存在于 GitHub 仓库及社区生态中，但截至本文撰写时未出现在官方 "Bundled Skills Catalog" 页面中（其他三个均已在册），安装时请以hermes skills list为准。
| Skill | 难度 | 效率提升 | 必装指数 | 核心能力 |
|---|---|---|---|---|
| baoyu-comic | ⭐⭐⭐ | +500% | ⭐⭐⭐⭐⭐ | 知识漫画生成器 |
| baoyu-infographic | ⭐⭐ | +400% | ⭐⭐⭐⭐⭐ | 信息图工厂 |
| popular-web-designs | ⭐⭐ | +300% | ⭐⭐⭐⭐⭐ | 54套真实设计系统 |
| architecture-diagram | ⭐⭐ | +200% | ⭐⭐⭐⭐ | 暗色主题架构图 |
| creative-ideation | ⭐ | +200% | ⭐⭐⭐⭐ | 约束驱动创意生成器 |
一句话评价：让复杂知识变成通俗易懂的漫画。
还在为怎么解释复杂概念头疼？baoyu-comic 是专业的知识漫画生成器，可以把任何主题变成精美漫画。作者 宝玉（JimLiu），MIT 协议开源。
| 维度 | 选项 |
|---|---|
| 6 种艺术风格 | ligne-claire（清线）、manga（日漫）、realistic（写实）、ink-brush（水墨）、chalk（粉笔）、minimalist（极简） |
| 7 种色调 | neutral、warm、dramatic、romantic、energetic、vintage、action |
| 多种版式 | standard、cinematic、dense、splash、webtoon、four-panel |
| 预设模板 | ohmsha（技术漫画）、wuxia（武侠风格）、shoujo（少女风） |
把一篇 AI 技术文章丢进去，10 分钟生成一套漫画，朋友圈转发轻松破千。
安装后变化：
安装命令：
hermes skills install creative/baoyu-comic
一句话评价：信息图想怎么画就怎么画。
这可能是目前最强大的 AI 信息图生成工具。同样出自 宝玉（JimLiu） 之手，v1.56.1，捆绑于 Hermes Agent。
| 布局 | 适用场景 |
|---|---|
| linear-progression | 时间线、流程、教程 |
| bento-grid | 多主题概览（默认） |
| funnel | 转化漏斗、筛选流程 |
| venn-diagram | 概念重叠、对比 |
| dashboard | 指标、KPI 展示 |
| periodic-table | 分类集合 |
| dense-modules | 高密度信息大图 |
| binary-comparison | A vs B 对比 |
| hub-spoke | 中心辐射图 |
| iceberg | 冰山模型 |
| bridge | 问题-解决方案 |
| winding-roadmap | 里程碑路线图 |
| circular-flow | 循环流程图 |
| story-mountain | 叙事弧线 |
| jigsaw | 拼图式互联 |
| hierarchical-layers | 金字塔层级 |
| tree-branching | 分类树 |
| structural-breakdown | 结构分解 |
| isometric-map | 等距空间图 |
| comic-strip | 叙事条漫 |
| comparison-matrix | 多维对比矩阵 |
| 风格 | 特点 |
|---|---|
| craft-handmade | 手绘风格（默认） |
| kawaii | 日系可爱、pastel 色调 |
| cyberpunk-neon | 霓虹赛博朋克 |
| corporate-memphis | 扁平矢量、活力色彩 |
| chalkboard | 黑板粉笔风 |
| pixel-art | 复古像素风 |
| storybook-watercolor | 柔和水彩 |
| origami | 折纸几何 |
| ikea-manual | 极简线稿 |
| pop-laboratory | 实验室蓝图风格 |
| morandi-journal | 手绘涂鸦、莫兰迪暖色调 |
| retro-pop-grid | 1970s 波普艺术 |
| 内容类型 | 推荐布局 + 风格 |
|---|---|
| 时间线/历史 | linear-progression + craft-handmade |
| 技术指南 | dense-modules + pop-laboratory |
| 教育类 | bento-grid + chalkboard |
| 产品指南 | dense-modules + morandi-journal |
| A/B 对比 | binary-comparison + corporate-memphis |
安装后变化：
安装命令：
hermes skills install creative/baoyu-infographic
一句话评价：Stripe、Linear、Vercel 的设计 Token，拿来就用。
想做像 Stripe 一样好看的页面？这个 Skill 收录了 54 个真实产品的设计系统，包括颜色、字体、间距、组件样式，可以直接用在你生成的前端项目中。v1.0.0，MIT 协议，捆绑安装。
| 类别 | 包含品牌 |
|---|---|
| AI/ML | Claude (Anthropic)、Cohere、ElevenLabs、Mistral AI、Ollama、Replicate、RunwayML、xAI、Together AI、Minimax、VoltAgent |
| 开发者工具 | Linear、Vercel、Cursor、Raycast、Supabase、Sentry、Resend、Warp、Expo、PostHog、Lovable、Mintlify |
| 云/基础设施 | Stripe、MongoDB、HashiCorp、ClickHouse、Composio、Sanity |
| 设计/效率 | Figma、Notion、Miro、Framer、Airtable、Cal.com、Intercom、Pinterest、Webflow、Clay |
| 金融/Crypto | Coinbase、Kraken、Revolut、Wise |
| 消费品牌 | Apple、Airbnb、NVIDIA、Spotify、BMW、IBM、SpaceX、Uber |
# 加载设计系统
skill_view(name="popular-web-designs", file_path="templates/stripe.md")
# 然后用这些设计 Token 生成 HTML
每个模板顶部有 Hermes Implementation Notes，直接给出 CDN 字体替代方案和 Google Fonts <link> 标签，复制即用。
安装后变化：
安装命令：
hermes skills install creative/popular-web-designs
一句话评价：云架构、系统设计，10 秒出图。
还在用 PPT 画丑爆的架构图？这个 Skill（由 Cocoon AI 原创，Hermes Agent 移植）可以生成专业的暗色 SVG 架构图。输出为单个 HTML 文件，浏览器直接打开，零依赖。
| 组件类型 | 填充色 | 边框色 |
|---|---|---|
| 前端 | rgba(8,51,68,0.4) | #22d3ee 青色 |
| 后端 | rgba(6,78,59,0.4) | #34d399 绿色 |
| 数据库 | rgba(76,29,149,0.4) | #a78bfa 紫色 |
| AWS/云 | rgba(120,53,15,0.3) | #fbbf24 琥珀色 |
| 安全 | rgba(136,19,55,0.4) | #fb7185 玫瑰色 |
| 消息总线 | rgba(251,146,60,0.3) | #fb923c 橙色 |
| 外部系统 | rgba(30,41,59,0.5) | #94a3b8 石板灰 |
安装后变化：
安装命令：
hermes skills install creative/architecture-diagram
一句话评价：30 分钟想出一年的项目点子。
是不是经常创意枯竭、不知道做什么？这个 Skill 由 SHL0MS 创作，用「约束驱动创意」（Constraint-Driven Ideation）的方法论，帮你打破思维僵局。
约束 + 方向 = 创意
| 约束 | 说明 |
|---|---|
| 解决自己的痛点 | 构建你本周最希望存在的工具 |
| 应该存在的 CLI | git undo-that-thing、docker why-is-this-broken |
| 弗兰肯斯坦周 | 拿做 X 的东西让它做 Y |
| 高概念低投入 | 概念要牛，实现只要一下午 |
| 敌意 UI | 做个故意难用的界面 |
用这个 Skill，30 分钟想出了 3 个项目点子，其中一个已经上线。
安装后变化：
安装命令：
hermes skills install creative/creative-ideation
| 维度 | baoyu-comic | baoyu-infographic | popular-web-designs | architecture-diagram | creative-ideation |
|---|---|---|---|---|---|
| 适用场景 | 知识科普 | 数据可视化 | 前端设计 | 系统架构 | 创意头脑风暴 |
| 学习曲线 | 中 | 低 | 低 | 低 | 极低 |
| 输出格式 | PNG 漫画 | PNG 信息图 | HTML/CSS | HTML (SVG) | Markdown 列表 |
| 自由度 | 极高 | 极高 | 中 | 中 | 极高 |
| 捆绑安装 | ❌（社区） | ✅ | ✅ | ✅ | ❌（社区） |
| 作者 | 宝玉 (JimLiu) | 宝玉 (JimLiu) | Hermes + Teknium | Cocoon AI | SHL0MS |
这 5 个 Skills 覆盖了可视化的全场景：
baoyu-comic 知识漫画baoyu-infographic 21×21 组合popular-web-designs 54 套设计系统architecture-diagram 暗色专业图creative-ideation 约束驱动灵感装上这 5 个，你的 Hermes Agent 就是一个可视化工作站。
你用过哪个可视化 Skill？评论区聊聊！