Skills

Space Chart Image

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

Install

npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -g -a claude-code -y
Category
Engineering
Updated
2mo ago
License
See repository
Context cost
Mediumabout 1,645 tokens
Runs scripts
Yes, review before use

What it does

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

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系统架构、模块关系、技术栈架构图、系统图、模块图
3ER 图ER Diagram数据模型、实体关系、数据库设计ER图、实体关系、数据模型
4商业模式画布Business Model Canvas商业模式、产品规划、商业模式分析商业模式画布、BMC、商业模式
5用户旅程图User Journey Map用户体验、触点分析、服务设计用户旅程、旅程图、体验地图
6思维导图Mind Map头脑风暴、知识梳理、结构化思考思维导图、脑图、发散图
7竞品分析图Competitive Analysis竞品对比、市场定位、功能对比竞品分析、竞品对比、竞争格局
8SWOT 分析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水彩质感、暖色柔和艺术、生活感、温暖思维导图、组织架构图、用户旅程图

风格自动推荐

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

Read the whole SKILL.md on GitHub

More in Engineering