Skill 广场
多格式视觉图表与配图生成 Skill

多格式视觉图表与配图生成.Skill

@danielmiessler/art

4.5优秀AI 评分基础检查通过源自 GitHub

接收文章论点或图表构想,通过标准化工作流调用图像模型,生成透明底博客头图、技术架构图及信息图素材。

设计技术博主内容创作者系统架构师2026-09-29 更新main

多格式视觉图表与配图生成

用于为技术博客、专栏文章及演示文稿生成风格一致的高质量静态视觉内容。用户提供内容主题、概念框架或图表需求,系统通过内置的20多种场景工作流(涵盖博客头图、架构图、时间线、矩阵对比等)进行结构化提示词约束与风格把控,自动完成生成、背景抠图并隔离输出到预览目录,避免裸提示词导致的画风失控或背景瑕疵。使用需要配置图像模型API和本地运行环境。

常见场景

它能帮你做什么?

01

博客正文头图制作:基于深度文章核心观点,生成具象素描风格的透明正文配图与带底色的社交平台缩略图。

02

技术架构与框架可视化:将文字版系统设计方案或二维矩阵概念转换为排版规范、层级分明的高清架构示意图。

03

对比图与数据卡片设计:将两套技术方案或关键统计数字渲染为对比鲜明、标签文字可读性强的信息图表。

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“为探讨AI代理协作机制的技术长文生成一张具备素描建筑风格的博客透明头图”

“根据这个2x2决策矩阵需求,运行Frameworks工作流生成技术对比图”

“将这段服务调用拓扑关系转换为TechnicalDiagrams工作流规范的架构示意图”

适用人群

适合谁?

技术博主内容创作者系统架构师自媒体编辑

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes Agent可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度