Agent skill

Article Illustrator

by appleweiping in appleweiping/WEIPING_WIKI

分析文章内容,在需要视觉辅助理解的位置生成插画。配图可以是信息补充、概念具象化,或引导读者想象。当用户要求"给文章配图"、"为文章生成插图"、"添加配图"时使用此技能。

MITAuto-check passed

Install Article Illustrator

skills CLI
$ npx skills add appleweiping/WEIPING_WIKI --skill article-illustrator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install appleweiping/WEIPING_WIKI article-illustrator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/appleweiping/WEIPING_WIKI.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/article-illustrator .claude/skills/article-illustrator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
article-illustrator
GitHub stars
119
Used in
1 other repo
Token cost
~568 tokens
SKILL.md length
130 words
Files
3 (incl. references)
Skills in repo
51
Repo updated
First seen
Licence
MIT

At a glance

分析文章内容,在需要视觉辅助理解的位置生成插画。配图可以是信息补充、概念具象化,或引导读者想象。当用户要求"给文章配图"、"为文章生成插图"、"添加配图"时使用此技能。

  • Works in 3 steps: 信息补充:帮助理解抽象概念(如"小步迭代"用滑板→自行车→汽车演进图) → 概念具象化:将抽象观点转化为具体画面,让读者一眼就懂 → 引导想象:营造氛围、激发联想,增强阅读体验
  • SKILL.md covers 任务目标, 触发条件, 工作流程 and 配图策略, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Article Illustrator is an agent skill from appleweiping/WEIPING_WIKI. 分析文章内容,在需要视觉辅助理解的位置生成插画。配图可以是信息补充、概念具象化,或引导读者想象。当用户要求"给文章配图"、"为文章生成插图"、"添加配图"时使用此技能。

Its SKILL.md is about 570 tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including reference files (for example `references/style-guide.md` and `references/terminology.md`).

It works with Adobe Illustrator. The repository describes itself as: knowledge base managed with an LLM workflow. The licence is MIT.

Example prompts

  • “为文章生成插图”
  • “/article-illustrator”

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

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

What it can do on your machine

Read from SKILL.md and the folder at commit 76fdc42. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Article Illustrator loads about 568 tokens when it runs, and up to ~3k if it reads all its reference files. Until then it costs about 26 tokens; SKILL.md has 130 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~26
When it runs · the whole SKILL.md, loaded when a task matches
~568
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from appleweiping/WEIPING_WIKI at commit 76fdc42, republished under its MIT licence (© appleweiping). 130 words, ~568 tokens.

Download SKILL.mdSave it as .claude/skills/article-illustrator/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
article-illustrator
description
分析文章内容,在需要视觉辅助理解的位置生成插画。配图可以是信息补充、概念具象化,或引导读者想象。当用户要求"给文章配图"、"为文章生成插图"、"添加配图"时使用此技能。

文章智能配图

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

任务目标

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

触发条件

用户明确要求:

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

工作流程

步骤一:获取文章内容

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

  • 本地路径:读取指定 Markdown 文件
  • URL:自动下载 Markdown 内容到临时位置
步骤二:分析配图需求

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

配图的三种作用:

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

适合配图的内容:

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

不需要配图的内容:

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

配图数量(按文章长度):

  • 每个主要章节至少考虑 1 张,优先选择核心观点和抽象概念
  • 开头/结尾可酌情增加 1 张(如需要氛围烘托)
  • 原则:宁多勿少,视觉内容能显著提升阅读体验
步骤三:生成配图计划

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

markdown
**配图 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 语法:![配图描述](imgs/illustration-[slug].png)
  • alt 文本使用简洁的中文描述(5-10 字)

图片保存位置:

  • 在文章所在目录创建 imgs/ 子目录
  • 所有图片保存在该目录中
步骤六:输出汇总

完成所有配图后,输出汇总信息:

配图完成!

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

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

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

配图策略

识别关键位置:

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

优先级排序:

  1. 抽象概念(优先级最高)
  2. 核心观点
  3. 流程/步骤
  4. 对比关系
  5. 氛围烘托

风格选择原则:

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

资源索引

注意事项

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

© appleweiping, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 2 other files (references) in .codex/skills/article-illustrator of appleweiping/WEIPING_WIKI.

  • SKILL.md
  • references/style-guide.md
  • references/terminology.md

Open the folder on GitHubat commit 76fdc42

Used in 1 other repository

We found 4 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in appleweiping/WEIPING_WIKI, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Article Illustrator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Article Illustrator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Article Illustrator this skillappleweiping/WEIPING_WIKI1191 repos~568Automated safety check: PassMIT
Academic Figure SkillTingxiYu/academic-figure-skill4741 repos~7kAutomated safety check: PassApache-2.0
Document Illustratorop7418/Document-illustrator-skill599—~1.6kAutomated safety check: NotesMIT
Ieee Figure TableCloudWave818/ieee-skills353—~1kAutomated safety check: PassMIT
Nature FigureCitrus-bit/Anaxa1202 repos~2.7kAutomated safety check: PassMIT
Illustrator Preflightie3jp/illustrator-mcp-server148—~2.2kAutomated safety check: PassMIT

Similar skills

  • Academic Figure Skill

    TingxiYu/academic-figure-skill

    Academic-grade scientific figure creation for Nature/Cell/Science journals.

    474 GitHub starsUsed in 1 repo~7k tokens
    Data & AnalyticsAuto-check passed
  • Document Illustrator

    op7418/Document-illustrator-skill

    基于文档内容自动生成配图。AI 智能分析文档结构,归纳核心要点, 为每个主题生成符合特定风格的配图。支持封面图生成和自定义图片比例。

    599 GitHub stars~1.6k tokensUpdated 8 mo ago
    Media & CreativeAuto-check: notes
  • Ieee Figure Table

    CloudWave818/ieee-skills

    Audit, redesign, generate, and improve IEEE manuscript figures, tables, captions, result presentation, plotting scripts, visual polish, hybrid Python/R plus vector-editor workflows…

    353 GitHub stars~1k tokensUpdated 1 mo ago
    Data & AnalyticsAuto-check passed
  • Nature Figure

    Citrus-bit/Anaxa

    Submission-grade Nature/high-impact journal figure workflow for Python or R.

    120 GitHub starsUsed in 2 repos~2.7k tokens
    Data & AnalyticsAuto-check passed
  • Illustrator Preflight

    ie3jp/illustrator-mcp-server

    Run comprehensive pre-press preflight checks on Adobe Illustrator documents using illustrator-mcp tools.

    148 GitHub stars~2.2k tokensUpdated 8 days ago
    Documents & OfficeAuto-check passed
  • Book Illustrator

    JimLiu/Illustrated-Agent-Skills

    《图解 Skill —— AI 提效实战指南》专用配图技能。分析本书章节、附录或书稿内容,批量识别需要视觉辅助的位置,并行生成本书统一风格的插图提示词,批量出图,最后回写书稿。

    709 GitHub stars~1.8k tokensUpdated 3 mo ago
    Agent WorkflowsAuto-check passed

More from appleweiping/WEIPING_WIKI

All 51 skills in this repo
  • Communication Assistant

    appleweiping/WEIPING_WIKI

    Unified lazy-mode communication assistant for Vipin across WhatsApp, WeChat, QQ, Feishu/Lark, and email.

    119 GitHub stars~1.1k tokensUpdated 1 mo ago
    Auto-check passed
  • Content Refinement Agent

    appleweiping/WEIPING_WIKI

    Step 5 of the PaperOrchestra pipeline (arXiv:2604.05018). An agent skill from appleweiping/WEIPING_WIKI.

    119 GitHub stars~3k tokensUpdated 1 mo ago
    Auto-check passed
  • Chrome Automation

    appleweiping/WEIPING_WIKI

    Connect to and control Google Chrome browser using agent-browser with CDP (Chrome DevTools Protocol).

    119 GitHub starsUsed in 1 repo~5.3k tokens
    Auto-check: warnings
  • Email Assistant

    appleweiping/WEIPING_WIKI

    Personal Gmail and Google Workspace email assistant for Vipin.

    119 GitHub stars~1.3k tokensUpdated 1 mo ago
    Auto-check passed
  • Wechat Video Channel Publish

    appleweiping/WEIPING_WIKI

    A skill your agent uses when the user wants to log into 微信视频号, validate cookie state, upload videos, set scheduled publish time, fill long description, set a cover image, or save drafts through a…

    119 GitHub stars~765 tokensUpdated 1 mo ago
    Auto-check passed
  • Feishu Bridge

    appleweiping/WEIPING_WIKI

    Route Feishu/Lark content access for Codex. An agent skill from appleweiping/WEIPING_WIKI.

    119 GitHub stars~906 tokensUpdated 1 mo ago
    Auto-check passed

Questions about Article Illustrator

What does Article Illustrator do?

分析文章内容,在需要视觉辅助理解的位置生成插画。配图可以是信息补充、概念具象化,或引导读者想象。当用户要求"给文章配图"、"为文章生成插图"、"添加配图"时使用此技能。. Article Illustrator is an agent skill from appleweiping/WEIPING_WIKI.

How do I install Article Illustrator in Claude Code?

Run `npx skills add appleweiping/WEIPING_WIKI --skill article-illustrator -a claude-code`. Or copy the skill folder (.codex/skills/article-illustrator in appleweiping/WEIPING_WIKI) into .claude/skills/article-illustrator in your project. Claude Code loads it when a task matches its description.

How do I install Article Illustrator in Codex?

Run `npx skills add appleweiping/WEIPING_WIKI --skill article-illustrator -a codex`. Or copy the skill folder (.codex/skills/article-illustrator in appleweiping/WEIPING_WIKI) into .agents/skills/article-illustrator in your project. Codex loads it when a task matches its description.

Can I use Article Illustrator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add appleweiping/WEIPING_WIKI --skill article-illustrator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/article-illustrator, .gemini/skills/article-illustrator, .github/skills/article-illustrator and .opencode/skills/article-illustrator in your project.

What does Article Illustrator need to run?

SKILL.md names no scripts, command-line tools or credentials: Article Illustrator is instructions for the agent only.

Does Article Illustrator access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Article Illustrator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Article Illustrator use?

Article Illustrator is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Article Illustrator use?

About 568 tokens (SKILL.md is roughly 2.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.4k tokens, read only when the agent opens those files.

What are the alternatives to Article Illustrator?

Skills that share tags, products or a category with Article Illustrator: Academic Figure Skill (TingxiYu/academic-figure-skill, 474 stars), Document Illustrator (op7418/Document-illustrator-skill, 599 stars), Ieee Figure Table (CloudWave818/ieee-skills, 353 stars) and Nature Figure (Citrus-bit/Anaxa, 120 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Article Illustrator?

appleweiping (a GitHub user) maintains it in appleweiping/WEIPING_WIKI, which has 119 GitHub stars. The repository holds 51 skills in this directory. The repository was last updated on August 26, 2026.

Source: appleweiping/WEIPING_WIKI on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.