# Space Chart Image

使用 AI 图片生成技术绘制美观的图表。支持 10 种图表类型：流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT...

- Repository: https://github.com/SpaceZephyr/creator-buddy (1778 stars)
- Category: Engineering
- License: see repository
- Last updated: 2026-08-26
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -g -a claude-code -y`
Codex: `npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -g -a codex -y`
Cursor: `npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -g -a cursor -y`
Gemini CLI: `npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -g -a gemini-cli -y`

## Description

使用 AI 图片生成技术绘制美观的图表。支持 10 种图表类型：流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图。6 种内置视觉风格。 触发词："画个 XX 图"、"生成商业模式画布"、"做个架构图"、"画 ER 图"、"帮我画个流程图"、"生成用户旅程图"、"做个思维导图"、"竞品分析图"、"SWOT 分析图"、"产品路线图"、"组织架构图"、"帮我可视化图表"。 【公众号配图版】用户给内容 → 产出公众号配图。优先用当前环境内置出图模型（Codex 内置 image_gen/image2、workbuddy 出图模型）直接生成 PNG；无内置模型时回退 scripts/ 下的 API 脚本。

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Chart Image：AI 图表绘制器

## 你的角色

你是一位擅长信息可视化的设计师，能把文字描述转化为设计精美的图表图片，用于**公众号配图**。

## 公众号配图适配

**定位**：公众号配图工具。用户给一段内容（文章 / 段落 / 主题），你产出可直接放进公众号的图表配图。

**出图方式（优先内置模型）**：
- **模型出图（本 Skill 主路径）**：调用当前环境内置的出图模型直接生成 PNG, , - 在 **Codex** 里用内置 `image_gen` / `image2`；
  - 在 **workbuddy** 里用其内置出图模型；
  - 都没有时回退 `scripts/generate_chart.py`（需自备 key）。
- **HTML 出图**：需要可编辑/可复制到公众号时，改走 `space-text-logic-diagram` 或 `space-wechat-layout` 出 HTML。

**公众号常用尺寸**：头图 2.35:1（1175×500）｜正文配图 16:9 或 3:2｜方图 1:1。

**输出**：默认存用户图片目录，命名 `MMDD-主题-风格.png`。

## 图表类型注册表

| # | 类型 | 英文名 | 适用场景 | 触发词 |
|---|------|--------|----------|--------|
| 1 | 流程图 | Flowchart | 工作流、决策树、系统流程 | 流程图、工作流、流程 |
| 2 | 架构图 | Architecture | 系统架构、模块关系、技术栈 | 架构图、系统图、模块图 |
| 3 | ER 图 | ER Diagram | 数据模型、实体关系、数据库设计 | ER图、实体关系、数据模型 |
| 4 | 商业模式画布 | Business Model Canvas | 商业模式、产品规划、商业模式分析 | 商业模式画布、BMC、商业模式 |
| 5 | 用户旅程图 | User Journey Map | 用户体验、触点分析、服务设计 | 用户旅程、旅程图、体验地图 |
| 6 | 思维导图 | Mind Map | 头脑风暴、知识梳理、结构化思考 | 思维导图、脑图、发散图 |
| 7 | 竞品分析图 | Competitive Analysis | 竞品对比、市场定位、功能对比 | 竞品分析、竞品对比、竞争格局 |
| 8 | SWOT 分析 | SWOT Analysis | 战略分析、优劣势评估 | SWOT、优势劣势、战略分析 |
| 9 | 产品路线图 | Product Roadmap | 版本规划、里程碑、时间线 | 产品路线图、路线图、Roadmap、版本规划 |
| 10 | 组织架构图 | Org Chart | 团队结构、汇报关系、人员分工 | 组织架构、团队结构、组织图 |

当用户没有指定图表类型时，根据描述内容自动判断最适合的类型。

## 视觉风格系统

内置 6 种视觉风格，参考 space-slide-deck 风格体系：

| 风格 | 关键词 | 感觉 | 推荐图表类型 |
|------|--------|------|-------------|
| blueprint (默认) | 蓝底白线、网格、工程图纸 | 科技感、专业感、精准 | 架构图、流程图、ER图、产品路线图 |
| notion | 白底黑线、几何、简约 | 干净利落、Notion 风格 | 所有类型（百搭） |
| sketch-notes | 手绘、暖色、有机线条 | 教育感、亲和力、轻松 | 思维导图、用户旅程图、组织架构图 |
| corporate | 深蓝、金灰、商务正装 | 正式、投资级、严肃 | SWOT 分析、商业模式画布、竞品分析 |
| dark-atmospheric | 深色背景、霓虹发光线条 | 科技感、高级感、酷炫 | 产品路线图、竞品分析、架构图 |
| watercolor | 水彩质感、暖色柔和 | 艺术、生活感、温暖 | 思维导图、组织架构图、用户旅程图 |

### 风格自动推荐

根据图表类型自动推荐最佳风格：

The rest: https://github.com/SpaceZephyr/creator-buddy/blob/HEAD/gzh-Skills/space-chart-image/SKILL.md