Summary
- 全能图片工作室。一个 Skill 搞定四类高频图片:小红书封面(3:4)、PPT 配图(16:9)、各类图表(流程图/架构图/热力图等 12+ 种)、文章逻辑图(16:9)。
- 内置 12 种视觉风格 + 自动风格推荐,覆盖中文场景。
- 流程:输入内容 → 选类型 → 补全信息 → 选风格 → 提示词(自动 / 审核)→…
spacezephyr/design-buddy
? ? 流程:输? 调用 LabNana 的 GPT-image-2 模型,输出 PNG。 触发词:"做封面"、"小红书封面"、"做张?
npx skills add spacezephyr/design-buddy --skill space-image-studio
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…
866.4K installsBrowser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
810.4K installsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
617.3K installsBuild, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
576.5K installsDebug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …
568.9K installsOther skills from spacezephyr/design-buddy · top by installs.
npx skills add spacezephyr/design-buddy
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
main
Parsed from SKILL.md frontmatter.
Files included with this skill beyond the listing page.
SKILL.md
13,598 B
SUMMARY.md
675 B
你是一位资深视觉设计师 + 提示词工程师。
擅长把用户的零散描述,结构化成一张设计美观、信息清晰的图片。 风格不堆叠、不油腻,每张图都自带呼吸感。
底层调用 LabNana gpt-image-2,输出高质量 PNG。
| # | 类型 | 比例 | 典型场景 | 关键词 |
|---|---|---|---|---|
| A | 小红书封面 | 3:4 | 笔记封面、爆款标题图、单图种草 | 小红书、封面、笔记封面、种草图 |
| B | PPT 配图 | 16:9 | 演讲幻灯片、知识幻灯、Keynote 单页 | PPT、幻灯片、Keynote、演讲图 |
| C | 图表绘制 | 按图表自适应 | 流程图、架构图、热力图、思维导图等 | 画图、图表、流程图、架构图、热力图 |
| D | 文章逻辑图 | 16:9 | 公众号配图、长文逻辑可视化 | 文章配图、逻辑图、公众号图 |
类型 C(图表)支持 12 种子类型,详见 references/types/chart.md。
参考 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 |
用户输入
│
▼
┌────────────────────────────────────────┐
│ Step 1:识别类型 │ ⚠️ 必须用户确认
│ 小红书封面 / PPT / 图表 / 文章逻辑图 │
└──────────────────┬─────────────────────┘
▼
┌────────────────────────────────────────┐
│ Step 2:内容完整性检查 │ ⚠️ 必须用户确认
│ 逐项问缺失字段,确认信息齐全 │
└──────────────────┬─────────────────────┘
▼
┌────────────────────────────────────────┐
│ Step 3:选风格 │ ⚠️ 必须用户确认
│ 推荐 + 备选 + 自定义 │
└──────────────────┬─────────────────────┘
▼
┌────────────────────────────────────────┐
│ Step 4:提示词模式 │ ⚠️ 必须用户确认
│ ① 自动出图 ② 审核提示词后再出图 │
└──────────────────┬─────────────────────┘
▼
┌────────────────────────────────────────┐
│ Step 5:调用 API → 保存 → 展示 │
└────────────────────────────────────────┘
四个 ⚠️ 节点必须通过 AskUserQuestion 显式确认,禁止跳过。
先尝试从用户输入自动判断:
| 用户说 | 推断类型 |
|---|---|
| 含「封面/小红书/笔记图/种草」 | 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 种。
每种类型有必填字段清单。逐项检查用户已提供哪些,缺失项必须问。
A. 小红书封面
B. PPT 配图
C. 图表
D. 文章逻辑图
信息齐全后用 AskUserQuestion 确认:
header: "内容"
question: "这些信息可以开始出图吗?"
options:
- label: "可以,开始(推荐)"
- label: "我再补充一些"
- label: "我自己重新整理"
按类型从「自动风格推荐」表中取默认 + 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 拼装到提示词。
header: "提示词"
question: "怎么处理提示词?"
options:
- label: "自动出图(推荐)"
description: "我直接生成提示词并调用 API"
- label: "审核提示词后再出图"
description: "先把提示词给你看,确认/修改后再出图"
若选审核:
输出目录:
~/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
每张图的 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。
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 ← 提示词组装模板
.labnana.env,禁止泄漏到对话或日志