mcpField
T
tuzi-article-illustrator

tuzi-article-illustrator

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

关于 tuzi-article-illustrator

用于分析文章并规划插图位置,按信息类型和视觉风格生成协调的图像。流程包括选择密度与风格、编写插图大纲,并在生成前保存结构化提示词。

主要功能

  1. 01分析文章内容与插图位置
  2. 02选择信息类型和视觉风格
  3. 03创建插图大纲
  4. 04生成图像前保存结构化提示词
  5. 05按文章主题整理输出

适用场景

  1. 01为技术文章规划配图
  2. 02用场景图呈现叙事内容
  3. 03将流程可视化为流程图
  4. 04制作比较图或时间线图

安装

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

$npx skills add https://github.com/tuziapi/tuzi-skills --skill tuzi-article-illustrator

安装后在 Claude Code 中输入/tuzi-article-illustrator确认已加载。

包含的文件

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

prompts/
system.md
references/
prompt-construction.md
styles.md
usage.md
workflow.md
references/config/
first-time-setup.md
preferences-schema.md
references/styles/
blueprint.md
chalkboard.md
editorial.md
elegant.md
fantasy-animation.md
flat-doodle.md
flat.md
intuition-machine.md
minimal.md
nature.md
notion.md
pixel-art.md
playful.md
retro.md
scientific.md
sketch-notes.md
sketch.md
vector-illustration.md
vintage.md
warm.md
watercolor.md

详细介绍

Article Illustrator

分析文章,确定插图位置,并生成类型 × 风格一致的图像。

两个维度

维度控制内容示例
类型信息结构信息图、场景、流程图、对比、框架、时间线
风格视觉美学notion、温暖、极简、蓝图、水彩、优雅

可自由组合:--type infographic --style blueprint

类型

类型适用场景
infographic数据、指标、技术内容
scene叙事、情感内容
flowchart流程、工作流
comparison并列对比、选项
framework模型、架构
timeline历史、演变

风格

请参阅 references/styles.md,了解核心风格、完整图库以及类型 × 风格兼容性。

工作流

- [ ] Step 1: Pre-check (EXTEND.md, references, config)
- [ ] Step 2: Analyze content
- [ ] Step 3: Confirm settings (AskUserQuestion)
- [ ] Step 4: Generate outline
- [ ] Step 5: Generate images
- [ ] Step 6: Finalize
步骤 1:预检查

1.5 加载偏好设置(EXTEND.md)⛔ 阻塞

test -f .tuzi-skills/tuzi-article-illustrator/EXTEND.md && echo "project"
test -f "$HOME/.tuzi-skills/tuzi-article-illustrator/EXTEND.md" && echo "user"
结果操作
已找到阅读、解析并显示摘要
未找到⛔ 运行 首次设置

完整流程:references/workflow.md

步骤 2:分析
分析项输出
内容类型技术 / 教程 / 方法论 / 叙事
目的信息 / 可视化 / 想象
核心论点2-5 个要点
位置插图能够发挥作用之处

重要:遇到隐喻时,应可视化其背后的概念,而非绘制字面图像。

完整流程:references/workflow.md

步骤 3:确认设置 ⚠️

只使用一个 AskUserQuestion,最多 4 个问题。Q1-Q3 为必答项。

问题选项
Q1:类型[推荐]、infographic、scene、flowchart、comparison、framework、timeline、mixed
Q2:密度minimal(1-2)、balanced(3-5)、per-section(推荐)、rich(6+)
Q3:风格[推荐]、minimal-flat、sci-fi、hand-drawn、editorial、scene、Other
Q4:语言文章语言与 EXTEND.md 设置不一致时

完整流程:references/workflow.md

步骤 4:生成大纲

保存 outline.md,包含 frontmatter(type、density、style、image_count)和以下条目:

## Illustration 1
**Position**: [section/paragraph]
**Purpose**: [why]
**Visual Content**: [what]
**Filename**: 01-infographic-concept-name.png

完整模板:references/workflow.md

步骤 5:生成图像

⛔ 阻塞:生成任何图像之前,必须先保存提示词文件。

  1. 根据 references/prompt-construction.md 为每幅插图创建提示词文件
  2. 使用 YAML frontmatter 保存到 prompts/NN-{type}-{slug}.md
  3. 提示词必须使用特定类型的模板,并包含结构化部分(ZONES / LABELS / COLORS / STYLE / ASPECT)
  4. LABELS 必须包含文章专属数据:实际数字、术语、指标、引文
  5. 不要在未先保存提示词文件的情况下,将临时内联提示词传给 --prompt
  6. 选择生成技能,处理参考资料(direct/style/palette)
  7. 如果 EXTEND.md 已启用水印,则应用水印
  8. 根据已保存的提示词文件生成图像;失败时重试一次

完整流程:references/workflow.md

步骤 6:完成

在段落后插入 ![description](path/NN-{type}-{slug}.png)。

Article Illustration Complete!
Article: [path] | Type: [type] | Density: [level] | Style: [style]
Images: X/N generated

输出目录

illustrations/{topic-slug}/
├── source-{slug}.{ext}
├── references/           # if provided
├── outline.md
├── prompts/
└── NN-{type}-{slug}.png

Slug:2-4 个词,使用 kebab-case。冲突:追加 -YYYYMMDD-HHMMSS。

修改

操作步骤
编辑更新提示词 → 重新生成 → 更新引用
添加确定位置 → 编写提示词 → 生成 → 更新大纲 → 插入
删除删除文件 → 移除引用 → 更新大纲

References

FileContent
references/workflow.mdDetailed procedures
references/usage.mdCommand syntax
references/styles.mdStyle gallery
references/prompt-construction.mdPrompt templates
references/config/first-time-setup.mdFirst-time setup

评论

支持 Markdown