Agent skill

Article Illustrator

by gainubi in gainubi/wechat-skills

为文章生成可截图的扁平化解释配图 HTML 页面。用于用户提供文章、草稿、段落或文件路径,并要求配图、文章插图、图解、公众号配图、生成 illustration 页面、帮我配图。输出是本地 HTML 文件,不直接生成 PNG/JPG,不用于 Logo、图标、海报、封面或非文章内容。

No licenceAuto-check passedProductivity & Automation

Install Article Illustrator

skills CLI
$ npx skills add gainubi/wechat-skills --skill article-illustrator -a claude-code

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

GitHub CLI
$ gh skill install gainubi/wechat-skills 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/gainubi/wechat-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/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
170
Token cost
~876 tokens
SKILL.md length
261 words
Files
2
Skills in repo
7
Repo updated
First seen
Licence
None found

At a glance

为文章生成可截图的扁平化解释配图 HTML 页面。用于用户提供文章、草稿、段落或文件路径,并要求配图、文章插图、图解、公众号配图、生成 illustration 页面、帮我配图。输出是本地 HTML 文件,不直接生成 PNG/JPG,不用于 Logo、图标、海报、封面或非文章内容。

  • Works in 5 steps: 阅读文章 → 选择配图位置 → 是否先给建议 → …
  • Productivity & Automation work in your project
  • SKILL.md covers 核心原则, 输入, 工作流 and 视觉系统, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Article Illustrator is an agent skill from gainubi/wechat-skills. 为文章生成可截图的扁平化解释配图 HTML 页面。用于用户提供文章、草稿、段落或文件路径,并要求配图、文章插图、图解、公众号配图、生成 illustration 页面、帮我配图。输出是本地 HTML 文件,不直接生成 PNG/JPG,不用于 Logo、图标、海报、封面或非文章内容。

Its SKILL.md is about 880 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Productivity & Automation. It works with Adobe Illustrator.

When your agent uses it

  • Productivity & Automation work in your project

Example prompts

  • “/article-illustrator”

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. 阅读文章
  2. 选择配图位置
  3. 是否先给建议
  4. 生成 HTML
  5. 验收

What it can do on your machine

Read from SKILL.md and the folder at commit 0a5a3cc. 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.

    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 876 tokens when it runs. Until then it costs about 40 tokens; SKILL.md has 261 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~40
When it runs · the whole SKILL.md, loaded when a task matches
~876

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 261 words (~876 tokens).

name
article-illustrator

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in article-illustrator of gainubi/wechat-skills.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit 0a5a3cc

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 skillgainubi/wechat-skills170—~876Automated safety check: PassNone
Agent Browserquran/quran.com-frontend-next1.9k41 repos~3.3kAutomated safety check: PassNone
Process Inboxtelegramdesktop/tdesktop33k2 repos~4.5kAutomated safety check: PassGPL-3.0
Perform Tasktelegramdesktop/tdesktop33k2 repos~3kAutomated safety check: PassGPL-3.0
Brave Searchbadlogic/pi-skills2.6k6 repos~592Automated safety check: PassMIT
Continuetelegramdesktop/tdesktop33k2 repos~9.4kAutomated safety check: PassGPL-3.0

Similar skills

  • Agent Browser

    quran/quran.com-frontend-next

    Automates browser interactions for web testing, form filling, screenshots, and data extraction.

    1.9k GitHub starsUsed in 41 repos~3.3k tokens
    Productivity & AutomationAuto-check passed
  • Process Inbox

    telegramdesktop/tdesktop

    Process the local ignored ai-tdesktop inbox into durable, independently testable Telegram Desktop task records while task execution worktrees remain active.

    33k GitHub starsUsed in 2 repos~4.5k tokens
    Productivity & AutomationAuto-check passed
  • Perform Task

    telegramdesktop/tdesktop

    Resolve, start or resume, implement, review, test, and publish exactly one existing ai-tdesktop task by short slug or full dated id, including rare blocked retries and split-required results.

    33k GitHub starsUsed in 2 repos~3k tokens
    Productivity & AutomationAuto-check passed
  • Brave Search

    badlogic/pi-skills

    Web search and content extraction via Brave Search API. An agent skill from badlogic/pi-skills.

    2.6k GitHub starsUsed in 6 repos~592 tokens
    Productivity & AutomationAuto-check passed
  • Continue

    telegramdesktop/tdesktop

    Continue autonomous Telegram Desktop development from the shared ai-tdesktop repository.

    33k GitHub starsUsed in 2 repos~9.4k tokens
    Productivity & AutomationAuto-check passed
  • Garden Inbox

    paperclipai/paperclip

    Scan a Paperclip user's Mine inbox, classify reversible archive candidates, request checkbox confirmation, and archive only accepted selections.

    98k GitHub stars~1.1k tokensUpdated today
    Productivity & AutomationAuto-check passed

More from gainubi/wechat-skills

  • Wechat Style Profiler

    gainubi/wechat-skills

    面向公众号作者的文风 DNA 梳理技能。用于从 3-10 篇参考文章中建立可复用的风格画像,输出 14 维分析、标点符号偏好、分块习惯、段落配方、叙述方法体系、内容推进方式和默认 DNA 文件,并通过用户校准确保画像可直接给写稿技能调用。

    170 GitHub starsUsed in 1 repo~458 tokens
    Auto-check passed
  • Xiaoyuzhou Download

    gainubi/wechat-skills

    Download Xiaoyuzhou FM podcast episode audio files from xiaoyuzhoufm.com/episode links.

    170 GitHub stars~551 tokensUpdated 4 mo ago
    Auto-check passed
  • Thesis Word Formatter

    gainubi/wechat-skills

    大学生毕业论文 Word 排版技能。用于先收集学校 Word 模板、学院规范、任务书或示例论文,再对本科或硕士毕业论文进行 Word 版式整理、目录与编号校正、参考文献与图表题注检查,并输出可直接复核的排版执行清单。适用于用户说“给毕业论文排版”“按学校要求整理 Word”“检查论文格式”“论文目录标题编号不对”“把这篇论文整理成提交版”等场景。

    170 GitHub stars~727 tokensUpdated 4 mo ago
    Auto-check passed
  • Wechat Draft Writer

    gainubi/wechat-skills

    公众号初稿写作技能。用于在选题和大纲已确认后,基于参考资料、语音底稿和文风 DNA 生成一版高保真初稿。适用于正文写作阶段,不负责选题、大纲和标题决策。

    170 GitHub stars~469 tokensUpdated 4 mo ago
    Auto-check passed
  • Wechat Title Generator

    gainubi/wechat-skills

    公众号标题生成与评估技能。用于基于已确认的选题、大纲和目标读者,生成 8 个标题候选,筛掉低质标题,并推荐 1 个最值得发布的标题。适用于写作前或写作后定题阶段,不负责正文。

    170 GitHub stars~230 tokensUpdated 4 mo ago
    Auto-check passed
  • Wechat Topic Outline Planner

    gainubi/wechat-skills

    公众号选题与大纲策划技能。用于把一个粗点子、资料包、语音底稿或采访纪要,转成 2-3 个高价值选题角度、1 个推荐方向、1 套主大纲和 1 套备选大纲。适用于写作前的方案阶段,必须先确认结构,再交给写稿技能。

    170 GitHub stars~282 tokensUpdated 4 mo ago
    Auto-check passed

Questions about Article Illustrator

What does Article Illustrator do?

为文章生成可截图的扁平化解释配图 HTML 页面。用于用户提供文章、草稿、段落或文件路径,并要求配图、文章插图、图解、公众号配图、生成 illustration 页面、帮我配图。输出是本地 HTML 文件,不直接生成 PNG/JPG,不用于 Logo、图标、海报、封面或非文章内容。. Article Illustrator is an agent skill from gainubi/wechat-skills.

When should I use Article Illustrator?

Article Illustrator fits situations like: productivity & Automation work in your project.

How do I install Article Illustrator in Claude Code?

Run `npx skills add gainubi/wechat-skills --skill article-illustrator -a claude-code`. Or copy the skill folder (article-illustrator in gainubi/wechat-skills) 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 gainubi/wechat-skills --skill article-illustrator -a codex`. Or copy the skill folder (article-illustrator in gainubi/wechat-skills) 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 gainubi/wechat-skills --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?

No licence was found for Article Illustrator or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Article Illustrator use?

About 876 tokens (SKILL.md is roughly 3.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Article Illustrator?

Skills that share tags, products or a category with Article Illustrator: Agent Browser (quran/quran.com-frontend-next, 1.9k stars), Process Inbox (telegramdesktop/tdesktop, 33k stars), Perform Task (telegramdesktop/tdesktop, 33k stars) and Brave Search (badlogic/pi-skills, 2.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Article Illustrator?

gainubi (a GitHub user) maintains it in gainubi/wechat-skills, which has 170 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on May 21, 2026.

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