mcpField
D
design-image-studio

design-image-studio

github.com/kangarooking创意与媒体10436 次安装27 周前更新
代码仓库

关于 design-image-studio

design-image-studio 将设计系统指导转化为图像提示词并生成图像，适用于海报、产品视觉等设计任务。它先保留设计推理，再编译成精简的图像提示词。

主要功能

  1. 01编译设计系统指导
  2. 02支持六类视觉任务
  3. 03构建设计推理与简报
  4. 04通过包装脚本生成图像
  5. 05支持仅输出提示词
  6. 06逐项调整并迭代结果

适用场景

  1. 01制作海报和主视觉
  2. 02生成产品广告与电商图片
  3. 03制作幻灯片插图和封面
  4. 04探索信息图或教学视觉

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/kangarooking/design-image-studio --skill design-image-studio

安装后在 Claude Code 中输入/design-image-studio确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

README.md
.gitignore
LICENSE
requirements.txt
references/
infographic.md
claude-design-map.md
anti-slop-and-failure-patterns.md
design-compiler.md
ppt-visual.md
poster.md
models.md
product-image.md
teaching-demo.md
model-routing.md
claude-design-sys-prompt-full.txt
prompt-framework.md
design-principles.md
troubleshooting.md
scripts/
generate.py
design_image.py

详细介绍

设计图像工作室

直接生成具有专业设计水准的图像。此技能会保留完整的 Claude 设计系统提示词作为上游设计核心，然后将设计逻辑编译成更精简的图像模型提示词。

主要事实来源

不要将 references/design-principles.md 视为完整的设计系统。它只是一个索引。

主要设计来源是：

  • references/claude-design-sys-prompt-full.txt

进行实质性设计工作时，务必先阅读该文件。然后使用：

  • references/claude-design-map.md
  • references/design-compiler.md
  • 当前请求对应的任务参考文件

此技能应在推理层尽可能保留原始设计系统提示词的内容，同时剔除 HTML／工具特有的杂项，再将提示词交给图像模型。

适用场景

用户提出以下需求时使用此技能：

  • 生成海报
  • 产品主视觉图、广告视觉图或电商场景图
  • PPT 封面图、章节配图或幻灯片插图
  • 信息图风格的视觉内容
  • 教学／演示图示或说明场景
  • 相较于通用图像提示词，需要更强艺术指导的视觉概念探索

不要将此技能用于像素级精确的 UI 复刻、可编辑图表或需要精确文本渲染的布局。这些情况应改为生成 HTML／SVG／PPT 资源。

默认工作流

  1. 将请求归类为以下类型之一：poster、product、ppt、infographic、teaching 或 auto
  2. 阅读完整的设计系统提示词：
    • references/claude-design-sys-prompt-full.txt
  3. 阅读编译器参考文件：
    • references/claude-design-map.md
    • references/design-compiler.md
    • references/model-routing.md
  4. 阅读匹配的任务文件，例如 references/poster.md
  5. 如果用户想要进一步完善，或首个结果效果不佳，还需阅读：
    • references/anti-slop-and-failure-patterns.md
  6. 将完整设计系统编译为 design_reasoning 层，包括：
    • 目的
    • 受众
    • 渠道
    • 上下文／品牌策略
    • 视觉系统
    • 层级策略
    • 安全区或文本区逻辑
    • 避免填充内容的规则
    • 避免俗套感的规则
    • 任务专属设计约束
  7. 将推理内容浓缩为 compiled_brief
  8. 将编译后的简报转化为尽可能精简且实用的图像提示词
  9. 除非用户明确只要求提示词，否则运行 scripts/design_image.py 直接生成图像
  10. 每次迭代只更改一个主要变量：方向、层级、配色、光线、真实感或密度

必须保留的完整提示词内容

编译过程中必须保留以下内容：

  • 从目的、受众和渠道出发
  • 预先建立协调统一的视觉系统
  • 将层级和留白视为设计决策
  • 避免填充内容和装饰性噪声
  • 避免 AI 生成内容的俗套风格
  • 有品牌／上下文信息时，遵循其要求
  • 即使没有上下文，也要明确采用有力的设计方向，而不是折中各种风格
  • 对于方向不明确的工作，优先提供多个方向，通常为 conservative、balanced 和 bold

主要命令

先使用封装脚本。它是此技能推荐的入口。

python3 scripts/design_image.py \
  --task poster \
  --brief "为 AI 训练营生成一张高冲击力招生海报，强调增长、实战和速度" \
  --direction balanced \
  --aspect 3:4 \
  --quality final \
  --output training-poster.png

仅提示词模式

如果用户只需要提示词，请执行：

python3 scripts/design_image.py \
  --task product \
  --brief "高端陶瓷咖啡杯广告图，适合电商首图" \
  --prompt-only

封装脚本会输出：

  • design_reasoning
  • compiled_brief
  • 最终 prompt

请利用这些中间层，判断是否确实保留了完整设计系统提示词的内容。

任务参考

  • references/poster.md — 海报、主视觉、封面
  • references/product-image.md — 产品广告、主视觉图、电商视觉素材
  • references/ppt-visual.md — 幻灯片封面图、章节视觉素材、概念插图
  • references/infographic.md — 信息图风格的视觉素材和结构化信息构图
  • references/teaching-demo.md — 教育和讲解类图表／场景
  • references/claude-design-map.md — 完整设计提示词中与图像生成相关的章节
  • references/design-compiler.md — 如何将完整提示词编译为设计推理、编译后的需求简报和最终图像提示词

执行说明

  • 默认优先选择 Seedream 5.0 lite 作为最终模型
  • 当设计方向尚不明确时，先使用成本较低的草稿设置，再进行高端重试
  • 用户提供源素材时，使用图生图或多图融合
  • 对信息图或教学视觉素材，避免要求模型准确渲染密集、微小的文字；优先使用文字占位符或少文字的构图
  • 包装脚本不是设计核心；它负责在完整设计系统与图像模型之间进行编译
  • 除非用户明确要求精简提示词，否则不要将完整设计提示词压缩成几个风格形容词

文件

  • scripts/design_image.py — 设计编译器和提示词构建器
  • scripts/generate.py — 捆绑的 Volcengine 生成引擎
  • references/claude-design-sys-prompt-full.txt — 上游完整设计系统提示词
  • references/claude-design-map.md — 图像用途章节索引
  • references/design-compiler.md — 编译工作流
  • references/models.md — 模型和分辨率参考
  • references/troubleshooting.md — 常见错误处理

评论

支持 Markdown