article-illustrator skill

by anbeime·anbeime/skill·7.3k stars

内容创作者与自媒体创作者在撰写长文缺乏视觉辅助时，当需要给文章配图或生成插图请使用。自动分析文章结构，精准识别位置并生成插画插入段落，将抽象概念具象化。一键完成智能图文排版，省去手动找图时间，大幅提升阅读体验！

A100/100content scan

Is the article-illustrator skill safe?

Clean: nothing in its files matched our rules. We read 3 files in the folder on 2026-09-28.

No findings.

Install the article-illustrator skill

A skill is a folder. Copy it into your agent's skills folder and the agent loads it when the task matches its description.

git clone --depth 1 https://github.com/anbeime/skill.git /tmp/skill
mkdir -p ~/.claude/skills
cp -r /tmp/skill/skills/article-illustrator/article-illustrator ~/.claude/skills/article-illustrator

available in every project

In the Claude apps, zip the folder and upload it from the Skills settings. The folder on GitHub

The instructions your agent would load

SKILL.md as published, without the frontmatter. Read it on GitHub

文章智能配图

分析文章结构与内容，识别需要视觉辅助的位置，生成风格灵活的配图。

任务目标

分析文章结构和内容，逐段识别需要配图的位置
为每个配图位置生成详细的配图计划和提示词
使用图像生成能力创建符合风格规范的插画
将图片插入到文章对应位置

触发条件

用户明确要求：

"给文章配图"
"为文章生成插图"
"添加配图"
"为这篇文章生成一些图片"

工作流程

步骤一：获取文章内容

根据用户提供的信息获取文章：

本地路径：读取指定 Markdown 文件
URL：自动下载 Markdown 内容到临时位置

步骤二：分析配图需求

逐段分析文章，识别需要配图的位置。

配图的三种作用：

信息补充：帮助理解抽象概念（如"小步迭代"用滑板→自行车→汽车演进图）
概念具象化：将抽象观点转化为具体画面，让读者一眼就懂
引导想象：营造氛围、激发联想，增强阅读体验

适合配图的内容：

抽象概念需要视觉化
流程/步骤需要图示
对比关系需要可视化
核心观点需要强化
场景描述需要引导想象
情绪/氛围需要烘托

不需要配图的内容：

已经很直观的描述（如代码示例、具体数字）
简单的列表枚举
引用的原话

配图数量（按文章长度）：

每个主要章节至少考虑 1 张，优先选择核心观点和抽象概念
开头/结尾可酌情增加 1 张（如需要氛围烘托）
原则：宁多勿少，视觉内容能显著提升阅读体验

步骤三：生成配图计划

为每个配图位置创建结构化计划：

**配图 1**

**插入位置**：[章节名称] / [段落描述]
**配图目的**：[为什么这里需要配图]
**视觉内容**：[图片应该展示什么]
**文件名**：illustration-[slug].png

文件命名规则：

格式：illustration-[slug].png
slug 使用有意义的英文描述，符合规范（小写字母、数字、连字符）
示例：illustration-product-evolution.png、illustration-ai-vs-human.png

步骤四：生成配图

根据配图计划，为每张图片生成详细的视觉描述并创建图片。

生成要求：

按顺序生成每张图片，输出进度："已生成 X/N 张"
根据内容选择合适的风格（参考 references/style-guide.md）
每张图片包含：画面主体、布局、配色、文字（如有）

图片属性：

比例：16:9 横向
风格：根据内容选择极简扁平矢量、科幻未来感、手绘涂鸦风等
配色：遵循默认色彩方案或风格变体方案

步骤五：更新文章

将生成的图片插入到文章对应位置。

插入规则：

图片插入到对应段落之后
图片前后各留一个空行
使用 Markdown 语法：
alt 文本使用简洁的中文描述（5-10 字）

图片保存位置：

步骤六：输出汇总

完成所有配图后，输出汇总信息：

配图完成！

文章：[文章路径]
生成数量：X/N 张成功

配图位置：
- illustration-[slug].png → [章节/段落位置]

[如有失败]
失败项：
- illustration-[slug].png：[失败原因]

配图策略

识别关键位置：

文章开头：是否有需要氛围烘托的引言
每个章节：核心概念是否抽象
流程步骤：是否需要可视化
对比内容：是否需要图示
总结部分：是否需要强化记忆

优先级排序：

抽象概念（优先级最高）
核心观点
流程/步骤
对比关系
氛围烘托

风格选择原则：

AI、前沿技术 → 科幻未来感
轻松、思考类 → 手绘涂鸦风
流程、对比、数据 → 信息图表风
叙事、想象类 → 场景插画风
其他 → 极简扁平矢量（默认）

资源索引

视觉风格规范：见 references/style-guide.md
术语对照表：见 references/terminology.md

注意事项

配图服务于内容：补充信息、具象概念、引导想象
避免重复文章中已经很直观的信息
同一篇文章内保持风格一致性
敏感人物使用卡通替代形象，不使用写实形象
根据内容选择最合适的风格变体
确保图片清晰可读，信息简洁突出

More skills from anbeime/skill

APDF Processing Pro综合办公文员与软件开发工程师当需要批量处理PDF表单、提取表格或进行OCR识别时，使用内置脚本一键完成自动化提取与数据校验，彻底告别繁琐的手动录入，让复杂文档工作流高效、稳健落地。
Aagent-team产品经理与项目管理专家在应对复杂项目时，使用此技能可动态组建包含“执行、指挥、评审”的专属AI团队。实时查看多智能体辩论与决策全过程，共享统一上下文记忆，一键完成从会议决策到系统构建的全流程高效协同！
Aagentkit-multimedia-shopping电商运营与内容创作者在需要制作带货短视频时，用此技能一键生成9:16竖屏数字人成片。自动编排AI绘画、语音合成与视频生成，快速产出“小省导购员”专属形象与专业配音，让多模态视频制作省时省力。
Aantinet-doc-parse软件开发工程师与数据科学家在构建RAG系统时，当需处理PDF/Word/Excel等多格式复杂文档，用此技能可自动触发三级解析降级，一键输出高置信度结构化Markdown与元数据，免去繁琐清洗，直接夯实企业知识库数据底座！
Aantinet-four-color-cards财务和投资分析师、律师助理与法律助手在撰写金融研报或分析法律文档时，必用此技能！基于解析文档一键生成事实蓝卡、解释绿卡、风险黄卡与行动红卡。自动完成深度剖析与风险排查，产出100%可溯源的结构化四色报告，让复杂分析高效且严谨。
Aantinet-provenance软件开发工程师与信息安全分析师在构建多智能体系统时，当需全链路可观测与安全审计，请用此技能。它自动收集操作日志，生成可追溯证据链与向量索引，开箱即用实现系统审计与精准回放，让Agent运行安全透明。
Aantinet-security-scan信息安全分析师与软件开发工程师在搭建文档处理流水线时，当需要拦截违规文件或外部URL，请挂载此技能作为强制前置安检，自动输出 pass/reject 判定与详细合规扫描报告，一键守住零信任安全底线。
AarchifyCreate polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid.
Aarticle-illustrator内容创作者和自媒体创作者在撰写长文时，当需要“给文章配图”或“添加插图”时使用。自动分析文章结构，精准识别需要视觉辅助的位置，生成并插入契合语境的插画，将抽象概念具象化，一键完成高质量图文排版，大幅提升阅读体验。
Aatutun-xhs-cover阿囤囤风格小红书封面提示词生成。用于AI工具、效率方法、产品测评、教程部署、个人经验、播客推荐、职场认知类内容的爆款竖版封面设计。特点是真人出镜、超大柔和浅黄（#FDFFA7）/白色中文标题、粗黑描边、人物抠图描边、绿色勾选清单、emoji贴纸、箭头标注、高对比高密度构图。关键词：小红书封面、爆款封面、阿囤囤风格、AI教程封面、产品测评封面、封面提示词。
Abaoyu-format-markdown技术写作员与内容创作者在处理纯文本或 Markdown 稿件时，若需优化文章结构、添加 frontmatter 或自动修正中英文排版间距，使用此技能可一键生成专业美观的 {filename}-formatted.md 文件，让文档排版更完美。
Abaoyu-post-to-wechat自媒体创作者与运营专员在需要将 Markdown 或 HTML 内容发布至微信公众号时，一键通过 API 或浏览器自动化完成文章与图文的排版及发布，彻底告别繁琐的手动排版与多步上传操作，大幅提升公众号日常发文与运营效率。

All agent skills → · MCP servers