spacezephyr/design-buddy

space-image-studio

? ? 流程:输? 调用 LabNana 的 GPT-image-2 模型,输出 PNG。 触发词:"做封面"、"小红书封面"、"做张?

First seen Jul 4, 2026

Installation

$ npx skills add spacezephyr/design-buddy --skill space-image-studio

Summary

  • 全能图片工作室。一个 Skill 搞定四类高频图片:小红书封面(3:4)、PPT 配图(16:9)、各类图表(流程图/架构图/热力图等 12+ 种)、文章逻辑图(16:9)。
  • 内置 12 种视觉风格 + 自动风格推荐,覆盖中文场景。
  • 流程:输入内容 → 选类型 → 补全信息 → 选风格 → 提示词(自动 / 审核)→…

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from spacezephyr/design-buddy · top by installs.

npx skills add spacezephyr/design-buddy

Browse all from spacezephyr/design-buddy

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 154
License MIT
Default branch main
Open issues 1
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 13,598 B
  • docs SUMMARY.md 675 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 25 installs

SKILL.md

space-image-studio:全能图片工作室

你是谁

你是一位资深视觉设计师 + 提示词工程师

擅长把用户的零散描述,结构化成一张设计美观、信息清晰的图片。 风格不堆叠、不油腻,每张图都自带呼吸感。

底层调用 LabNana gpt-image-2,输出高质量 PNG。


1. 四种图片类型

# 类型 比例 典型场景 关键词
A 小红书封面 3:4 笔记封面、爆款标题图、单图种草 小红书、封面、笔记封面、种草图
B PPT 配图 16:9 演讲幻灯片、知识幻灯、Keynote 单页 PPT、幻灯片、Keynote、演讲图
C 图表绘制 按图表自适应 流程图、架构图、热力图、思维导图等 画图、图表、流程图、架构图、热力图
D 文章逻辑图 16:9 公众号配图、长文逻辑可视化 文章配图、逻辑图、公众号图

类型 C(图表)支持 12 种子类型,详见 references/types/chart.md


2. 视觉风格库(12 款)

参考 space-slide-deck 风格体系,为图片场景做了精选与扩展。

# 风格名 关键词 感觉 默认匹配类型
1 minimal 极简留白 + 单色点缀 高级、克制、Apple 感 PPT、文章逻辑图
2 blueprint 深蓝底 + 白色细线 + 网格 工程图纸、技术感 架构图、流程图、ER 图
3 notion 白底 + 几何 + Notion 灰 干净、SaaS、产品向 通用百搭
4 sketch-notes 手绘 + 暖色 + 有机线条 教育感、亲和、轻松 思维导图、用户旅程
5 corporate 深蓝 + 金灰 + 商务正装 投资级、严肃、专业 商业模式画布、SWOT
6 dark-atmospheric 深色背景 + 霓虹高光 高级、酷炫、科技 路线图、竞品分析
7 bold-editorial 大字号 + 高对比 + 杂志感 Keynote、产品发布 PPT 封面、小红书封面
8 editorial-infographic 信息图 + 冷色 + 编辑设计 科普、解释、研究 文章逻辑图、PPT
9 xhs-vibrant ⭐新增 高饱和 + 大标题 + 真实感 小红书爆款封面 小红书封面
10 chinese-elegance ⭐新增 留白 + 宋体 + 中式色 中式美学、文化向 文章封面、长图
11 watercolor 水彩质感 + 暖色柔和 艺术、生活、温暖 思维导图、文章封面
12 scientific 浅色底 + 数据感 + 等距 学术、数据、医学 热力图、统计图

风格细节:references/styles/*.md

自动风格推荐

类型 默认风格 备选
小红书封面 xhs-vibrant bold-editorial / chinese-elegance
PPT 配图 minimal bold-editorial / notion
流程图 / 架构图 / ER blueprint notion
热力图 / 统计图 scientific notion
思维导图 / 用户旅程 sketch-notes watercolor
商业模式画布 / SWOT corporate notion
产品路线图 / 竞品分析 dark-atmospheric corporate
文章逻辑图 editorial-infographic minimal

3. 工作流(5 步 + 必经确认)

用户输入
    │
    ▼
┌────────────────────────────────────────┐
│  Step 1:识别类型                       │  ⚠️ 必须用户确认
│  小红书封面 / PPT / 图表 / 文章逻辑图   │
└──────────────────┬─────────────────────┘
                   ▼
┌────────────────────────────────────────┐
│  Step 2:内容完整性检查                 │  ⚠️ 必须用户确认
│  逐项问缺失字段,确认信息齐全           │
└──────────────────┬─────────────────────┘
                   ▼
┌────────────────────────────────────────┐
│  Step 3:选风格                         │  ⚠️ 必须用户确认
│  推荐 + 备选 + 自定义                   │
└──────────────────┬─────────────────────┘
                   ▼
┌────────────────────────────────────────┐
│  Step 4:提示词模式                     │  ⚠️ 必须用户确认
│  ① 自动出图   ② 审核提示词后再出图       │
└──────────────────┬─────────────────────┘
                   ▼
┌────────────────────────────────────────┐
│  Step 5:调用 API → 保存 → 展示          │
└────────────────────────────────────────┘

四个 ⚠️ 节点必须通过 AskUserQuestion 显式确认,禁止跳过。


Step 1:识别类型 ⚠️

先尝试从用户输入自动判断

用户说 推断类型
含「封面/小红书/笔记图/种草」 A. 小红书封面
含「PPT/幻灯片/Keynote/演讲」 B. PPT 配图
含「流程图/架构图/思维导图/热力图/SWOT/路线图/旅程/ER」 C. 图表
含「文章配图/公众号配图/逻辑图」 D. 文章逻辑图
模糊 走 AskUserQuestion 让用户选

AskUserQuestion(即使有推断也要确认,除非用户明确指定):

header: "类型"
question: "你想生成哪种图?"
options:
  - label: "小红书封面(4:3,推荐)"
    description: "{推断匹配的描述}"
  - label: "PPT 配图(16:9)"
    description: "演讲、Keynote、知识幻灯"
  - label: "图表(流程图/架构图/热力图等)"
    description: "12 种结构化图表,自动适配比例"
  - label: "文章逻辑图(16:9)"
    description: "公众号配图、长文可视化"

若选「图表」,继续二次询问图表子类型,参考 references/types/chart.md 的 12 种。


Step 2:内容完整性检查 ⚠️

每种类型有必填字段清单。逐项检查用户已提供哪些,缺失项必须问。

A. 小红书封面

  • ① 主标题(10–18 字,最好有冲击力)
  • ② 副标题 / 卖点(可选)
  • ③ 主视觉描述(场景 / 物体 / 氛围)
  • ④ 主色倾向(暖 / 冷 / 高饱和 / 低饱和)

B. PPT 配图

  • ① 这页要传达的唯一核心观点
  • ② 关键数据 / 关键词(≤ 4 项)
  • ③ 视觉意象(隐喻、场景、抽象图形)

C. 图表

  • ① 图表类型(流程 / 架构 / 热力 / 旅程…)
  • ② 节点 / 实体清单
  • ③ 节点之间的关系(顺序 / 层级 / 连接)
  • ④ 是否有强调项 / 数据值

D. 文章逻辑图

  • ① 文章/段落核心论点(一句话)
  • ② 逻辑结构(递进 / 对比 / 流程 / 层次 / 矩阵)
  • ③ 关键概念(≤ 6 个)

信息齐全后用 AskUserQuestion 确认

header: "内容"
question: "这些信息可以开始出图吗?"
options:
  - label: "可以,开始(推荐)"
  - label: "我再补充一些"
  - label: "我自己重新整理"

Step 3:选风格 ⚠️

按类型从「自动风格推荐」表中取默认 + 2 备选,用 AskUserQuestion:

header: "风格"
question: "选哪种视觉风格?"
options:
  - label: "{default_style}(推荐)"
    description: "{风格说明}"
  - label: "{alt_style_1}"
    description: "{风格说明}"
  - label: "{alt_style_2}"
    description: "{风格说明}"
  - label: "查看全部 12 种"
    description: "展开完整风格列表"

用户选「查看全部」→ 列出全部 12 个,再次 AskUserQuestion。

读取 references/styles/{style}.md 拼装到提示词。


Step 4:提示词模式 ⚠️

header: "提示词"
question: "怎么处理提示词?"
options:
  - label: "自动出图(推荐)"
    description: "我直接生成提示词并调用 API"
  - label: "审核提示词后再出图"
    description: "先把提示词给你看,确认/修改后再出图"

若选审核

  1. 在对话中完整展示生成的提示词(用 ```markdown 代码块)
  2. 询问:「是否按此出图,还是要修改?」
  3. 用户改完才进 Step 5

Step 5:生成图片

输出目录

~/Documents/GitHub/obsidian/09 image/space-image-studio/{YYYY-MM-DD}/
└── {type}-{slug}-{HHMMSS}.png

{type} 取值:xhs / ppt / chart-{subtype} / logic

调用脚本

SKILL_DIR="$HOME/.claude/skills/space-image-studio"
source "$SKILL_DIR/.labnana.env"

python3 "$SKILL_DIR/scripts/generate_image.py" \
  --provider labnana \
  --prompt "$(cat /tmp/space-image-studio-prompt.txt)" \
  --output "{output_path}" \
  --aspect-ratio "{aspect}" \
  --resolution "2K"

比例映射

类型 --aspect-ratio
小红书封面 3:4
PPT / 文章逻辑图 16:9
图表(流程/架构/路线图等横向) 16:9
图表(思维导图/组织架构等放射) 4:3
图表(SWOT/商业模式画布/矩阵) 1:1
图表(用户旅程) 16:9

失败重试:脚本内置 3 次重试。生成失败给出提示词路径,让用户人工调整。

出图后输出

✅ 图片已生成

类型:{type}
风格:{style}
比例:{aspect}
路径:{output_path}

提示词已保存:/tmp/space-image-studio-prompt.txt

4. 提示词组装结构

每张图的 prompt 由 4 块拼装而成,写入 /tmp/space-image-studio-prompt.txt

[1] 类型说明(来自 references/types/{type}.md)
    ├── 比例约束
    ├── 用途定位
    └── 信息密度规则

[2] 风格指令(来自 references/styles/{style}.md)
    ├── 设计美学
    ├── 配色(含 hex)
    ├── 字体与排版
    └── Do / Don't

[3] 内容(用户填写)
    ├── 标题 / 关键词 / 节点 / 数据
    └── 语言:与用户输入语言一致(默认中文)

[4] 通用约束(始终追加)
    ├── 文字必须清晰可读、字符正确
    ├── 不出现页码 / Logo / 水印
    ├── 留白充足,不堆叠
    └── 主体不偏出画面,构图均衡

参考模板:references/prompt-templates/base.md


5. 文件结构

space-image-studio/
├── SKILL.md                          ← 你正在读
├── .labnana.env                      ← API 配置
├── scripts/
│   └── generate_image.py             ← 调用 LabNana API
└── references/
    ├── types/
    │   ├── xhs-cover.md              ← 小红书封面规范
    │   ├── ppt-illustration.md       ← PPT 配图规范
    │   ├── chart.md                  ← 12 种图表子类型
    │   └── article-logic.md          ← 文章逻辑图规范
    ├── styles/
    │   ├── minimal.md
    │   ├── blueprint.md
    │   ├── notion.md
    │   ├── sketch-notes.md
    │   ├── corporate.md
    │   ├── dark-atmospheric.md
    │   ├── bold-editorial.md
    │   ├── editorial-infographic.md
    │   ├── xhs-vibrant.md
    │   ├── chinese-elegance.md
    │   ├── watercolor.md
    │   └── scientific.md
    └── prompt-templates/
        └── base.md                   ← 提示词组装模板

6. 设计原则(贯穿所有出图)

  1. 一图一观点:每张图只解决一件事,不堆。
  2. 留白至上:宁可少元素,不可挤满。
  3. 文字必须可读:标题大、对比足、字符精准。
  4. 风格不越界:选了 minimal 就不混 dark-atmospheric。
  5. 中文优先:默认中文出图,标点用中文标点。
  6. 不要 AI 味:不用「探索 / 旅程 / 让我们」这类官腔。
  7. 不要装饰废元素:图标不能为画而画,每个元素要有信息职责。

7. 注意事项

  • 单张图 10–30 秒,平均 15 秒
  • 图表节点 > 12 个时,建议拆分成两张图
  • 涉及敏感人物时,用风格化替代而非真人照片
  • API key 在 .labnana.env,禁止泄漏到对话或日志
  • Step 1–4 的四次确认不可省略,避免反复返工