mcpField
G
guizang-material-illustration

guizang-material-illustration

github.com/op7418创意与媒体1.2k1.7k 次安装16 周前更新
代码仓库

关于 guizang-material-illustration

Guizang Material Illustration 是一项将文本、截图或图表数据转为插图提示词方案的技能,并可在图像生成功能可用时生成栅格图像。它专注于配图,不负责完整幻灯片或社交卡片排版。

主要功能

  1. 01提取概念和图表细节
  2. 02选择插图视觉结构
  3. 03编写图像生成提示词
  4. 04生成并检查图像
  5. 05保存提示词和图像路径

适用场景

  1. 01为来源文本制作配图
  2. 02将图表截图转绘为插图
  3. 03为幻灯片或社交卡片准备视觉素材

安装

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

$npx skills add https://github.com/op7418/guizang-material-illustration --skill guizang-material-illustration

安装后在 Claude Code 中输入/guizang-material-illustration确认已加载。

包含的文件

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

.gitignore
PRODUCT.md
HANDOFF.md
README.md
agents/
openai.yaml
assets/
prompt-template.md
references/
qa-checklist.md
chart-beautify.md
prompt-patterns.md
reference-gathering.md
use-cases-and-routing.md
visual-style.md

详细介绍

Guizang Material Illustration

根据源文本、截图或图表数据创作配图。输出内容包括图像生成提示词方案,以及在支持图像生成时生成的栅格图像。

本技能专注于插画层,而非完整的社交卡片版式。如果用户还需要小红书/微信卡片排版,请将本技能与社交卡片技能搭配使用:用本技能制作核心插画,再将生成的图像放入卡片模板。

本技能不能替代用户的 PPT 技能或 Guizang 社交卡片文字排版技能。幻灯片结构和 3:4 文字/卡片排版请使用这些技能。本技能用于制作放入这些版式中的视觉素材。

工作流

  1. 阅读用户提供的源文本、截图或数据,找出值得配图的概念或图表。
  2. 根据上下文自行决定工作模式。除非缺少的选择会实质性影响结果,否则不要询问用户选择哪种模式。如需澄清,请用一句简短的话自然询问,并给出推荐的默认选项。
  3. 如果源内容是图表截图,只提取图表类型、标题、数据、坐标轴标签、坐标轴范围、刻度标签、单位、类别顺序和误差线。不要沿用截图中的颜色、字体、间距、阴影或背景。
  4. 如果概念、实体、物体、历史/文化背景、科学机制、物种、材料、品牌、模型或地点可能不熟悉,或具有明确的视觉特征,请在编写提示词前查找参考资料和/或参考图像。利用参考资料了解并提取稳定的视觉线索,再将这些线索融入 Guizang 视觉体系。
  5. 将每个非图表概念压缩为一句通俗易懂的说明,并整理出 3–5 个可见的图表标签(适合添加标签时)。一些编辑类或人文类插画可能只需更少的标签。
  6. 为每个概念选择一种视觉结构:
    • 循环:重复工作、反馈、循环、迭代。
    • 流程线:有序步骤、路由、转换、工作流。
    • 中心辐射:由一个中心协调多个分支。
    • 前后对比:状态变化、升级、迁移、比较。
    • 分层结构:架构、层级、依赖关系。
    • 数据优先场景:将图表或指标面板嵌入主题场景。
    • 科学机制:物体、部件、作用力、反应或生物过程。
    • 文字场景:能够呈现抽象概念的文学、历史或日常场景。
  7. 为每幅插画编写一条图像提示词。提示词需描述准确的标签文本或图表数据、宽高比、安全边距、使用的参考资料,以及统一的 Guizang 视觉风格。
  8. 在可用时,使用 imagegen 技能或内置图像生成工具生成图像。
  9. 检查每幅图像。如果标签有误、图表数据错误、参考线索具有误导性、内容难以辨认或被裁切,请添加更严格的限制后重新生成。
  10. 将提示词和最终图像路径保存在任务文件夹中,以便复现整组图像。

文本规则

  • 使用日常中文。除非用户明确需要双语界面,否则避免使用 Trigger、Stop、Use 等直译式字段标签。
  • 标签要简短:2–5 个汉字为佳,通常不超过 6 个汉字。
  • 如果最终作品有外围版式,请将说明性句子放在插画之外。插画内部只标注物体和流程。
  • 优先使用具体标签,而非抽象名词。使用 用户提示、AI 执行、结果检查、下一轮,不要使用 输入阶段、执行阶段、验证阶段。
  • 如果模型难以生成中文文本,请进一步缩短标签,并采用清晰的位置布局:左上、上方居中、右上、下方居中。
  • 不要在图像内部添加密集的图例。如果需要用一段文字说明,应将其放在 HTML/CSS、Markdown 或幻灯片文本中。

视觉系统

生成新套图前,请先阅读 references/visual-style.md。其中定义了默认的 3D 瑞士编辑风格、宽高比、安全区域规则和支持的强调色。

编写提示词时,请阅读 references/prompt-patterns.md。其中包含适用于循环、流水线、中枢、前后对比和分层堆栈图的可复用提示词模板。

如果输入是图表截图、表格、指标列表、基准测试结果,或用户要求美化图表,请阅读 references/chart-beautify.md。其中介绍了如何在保持数值精确的同时,让图表呈现相同的材质插画风格。

在根据模糊的用户输入、教育材料、人文学科主题或混合文章与数据来源决定要创建哪种图像时,请阅读 references/use-cases-and-routing.md。

如果主题涉及陌生概念、特定实体、科学物体、文化文物、历史场景、品牌或型号名称,或其他需要确保视觉准确性的内容,请阅读 references/reference-gathering.md。

交付最终图像前,请阅读 references/qa-checklist.md。

文件处理

请创建任务文件夹,而不是把零散资源写在此技能的旁边。默认路径为:

local-tests/<slug>/
├── assets/
│   └── generated illustration images
└── PROMPTS.md

与其他项目配合时,如果用户指定了该项目的任务文件夹,请使用该文件夹。

对于每张最终图像,请记录:

  • 概念名称。
  • 最终提示词。
  • 输出图像路径。
  • 如果某次尝试未采用且其原因有助于后续复用,请记录该尝试及原因。

质量检查

交付前,请目视检查每张图像并确认:

  • 整张图示完整适配所要求的图像尺寸;没有重要对象或标签被裁切。
  • 中文标签清晰易读,且与要求的文本一致。
  • 标签位置指向正确的对象。
  • 整套图像中的强调色保持一致。
  • 图像中没有意外的徽标、水印、UI 界面元素或无关的英文文本。
  • 缩小到社交媒体卡片尺寸后,插画仍然易于理解。

评论

支持 Markdown