把内容一键变视觉！这个 4 合 1 Skill 让你扔掉设计师

做内容创作最怕的就是”我有一段很好的想法，但不知道用什么图把它讲清楚”——你扔个纯文字吧没人看，让设计师临时出一张吧成本又高。

最近翻到 GitHub 上一个挺合我胃口的小合集：viz-pack。它把”内容→视觉”这条路径拆成四个超明确的命令，每个命令对应一种输出形态，挑你想用的那一个就行。

一包四把刀，按需取用

• diagram it：给你一段文字或 URL，自动挑最合适的图（流程图 / 树状 / 时间线 / 概念图），输出 Excalidraw 可编辑矢量图。
• nano this：把内容丢给 Gemini 图像生成，按 Swiss Pulse 设计语言出一张高质感信息图 PNG。
• vis it：选最佳可视化形式（图表 / 时间线 / 解释器 / 流水线 / 对比），在聊天里内联一个可交互的 widget。
• ver it：基于 Swiss Pulse 风格生成一个独立的可分享 HTML 仪表盘（hero 指标 + Chart.js + 暗色模式），一键发到 HeyGenverse。

四个技能共用一套底层逻辑：Acquire → Analyze → Render。先抓内容（URL / 附件 / 对话上下文），再拆结构（指标 / 序列 / 关系 / 结论），最后才渲染。所以你随便扔一段 Reddit 评论、产品发布会链接、PDF 白皮书进去，它都能给出排版专业、信息密度合理的视觉产物。

Swiss Pulse 设计语言

我特别喜欢它的设计取舍——只允许黑、白、一种主色（电光蓝 #0066FF），字体只用 Helvetica / 系统无衬线（两个字重：400 和 600），栅格严格对齐、不带任何装饰。每个产物都先放 hero metric，再用图表和统计数据支撑。这种”做减法”的设计哲学，反而让信息本身更突出，跟现在到处堆渐变 + 3D 阴影的 AI 审美完全反着来。

上手零门槛

安装简单得离谱：打开 Claude.ai → Settings → Claude’s Memory → Skills，每个 .md 文件单独建一个 skill 粘进去保存。装完直接触发——

diagram it https://某文章链接
nano this [拖一个 PDF 进来]
vis it 那段我们刚聊的策略
ver it [粘贴文字]

不需要写代码，不需要搭环境。vis it 和 diagram it 开箱即用，nano this 需要一个 Gemini API key（粘到 skill 文件里就行），ver it 默认发到 HeyGenverse，要发到自己的平台就 fork 一下改 publish 步骤。

谁适合装

• 写 newsletter / 公众号 / 博客 的独立创作者——每篇文章配一张 Swiss Pulse 风格信息图，辨识度直接拉满。
• 产品 / 增长 / 战略团队——周报、QBR、竞品分析扔进去，1 分钟出来一张可分享的视觉总结。
• 数据分析师——vis it 输出的内联交互 widget 比 Matplotlib 静态图更”会讲故事”。
• 设计师本人——可以当灵感源，看它怎么把内容压缩到最少视觉元素里。

跟同类比一下

• 跟 algorithmic-art（p5.js 程序化生成）比：viz-pack 偏”内容驱动视觉”，algorithmic-art 偏”参数驱动视觉”，前者更适合做信息图 / 解释器，后者更适合做封面 / 装饰。
• 跟 canvas-design（Anthropic 官方平面设计）比：canvas-design 输出 PNG/PDF 静态作品，viz-pack 多了 Excalidraw 可编辑图和可交互 widget，多模态覆盖更全。
• 跟 frontend-design（Anthropic 官方前端设计）比：frontend-design 是给生产级前端界面用的，viz-pack 是给”内容可视化”用的，两条赛道。

一句话总结：它不是帮你”画得好看”，而是帮你”想得清楚”——逼你在做图之前先抽结构，再用最少的视觉元素表达出来。设计师看了会沉默，写作者看了会流泪。

GitHub：https://github.com/joshua-heygen/viz-pack

MIT 开源，64 stars，更新到 2026 年 6 月。一次安装，四个技能，创作者生产力拉满。

GitHub: https://github.com/joshua-heygen/viz-pack