Agent skill

Article To Infographic

by aAAaqwq in aAAaqwq/AGI-Super-Team

长文/测评文章 → 知识视觉笔记套图(3-5张)。自动提炼核心逻辑、规划分镜、生成高阶图像Prompt(4模块结构)。支持手写笔记/思维导图/架构图/对比矩阵四种风格。Use when: 文章转知识笔记、知识笔记图片、思维导图、视觉笔记、长文转图、知识卡片、文章可视化、article to infographic、knowledge note。Output: 中文摘要 +…

MITAuto-check passedMedia & Creative

Install Article To Infographic

skills CLI
$ npx skills add aAAaqwq/AGI-Super-Team --skill article-to-infographic -a claude-code

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

GitHub CLI
$ gh skill install aAAaqwq/AGI-Super-Team article-to-infographic --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/aAAaqwq/AGI-Super-Team.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/article-to-infographic .claude/skills/article-to-infographic && 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-to-infographic
GitHub stars
105
Token cost
~1.1k tokens
SKILL.md length
161 words
Files
5 (incl. scripts, references)
Skills in repo
167
Repo updated
First seen
Licence
MIT

At a glance

长文/测评文章 → 知识视觉笔记套图(3-5张)。自动提炼核心逻辑、规划分镜、生成高阶图像Prompt(4模块结构)。支持手写笔记/思维导图/架构图/对比矩阵四种风格。Use when: 文章转知识笔记、知识笔记图片、思维导图、视觉笔记、长文转图、知识卡片、文章可视化、article to infographic、knowledge note。Output: 中文摘要 +…

  • Works in 4 steps: 知识拆解:提取黄金标题、对标矩阵、核心逻辑、趋势演进 → 分镜规划:合理分配内容到 3-5 张图中 → 高阶 Prompt 生成:每张图 4 模块英文 Prompt → …
  • Tasks that involve Infographics
  • SKILL.md covers 核心能力, 触发词, 使用方法 and 参数, plus 7 more sections
  • Runs Python scripts from its folder; calls python3

What it does

Article To Infographic is an agent skill from aAAaqwq/AGI-Super-Team. 长文/测评文章 → 知识视觉笔记套图(3-5张)。自动提炼核心逻辑、规划分镜、生成高阶图像Prompt(4模块结构)。支持手写笔记/思维导图/架构图/对比矩阵四种风格。Use when: 文章转知识笔记、知识笔记图片、思维导图、视觉笔记、长文转图、知识卡片、文章可视化、article to infographic、knowledge note。Output: 中文摘要 + 纯英文生图Prompt。Pair with vectronode-image/relay-image-gen to generate final images.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including scripts and reference files (for example `_meta.json`, `references/examples.md` and `references/prompt-template.md`).

It sits in Media & Creative, covering Infographics and Image generation. The repository describes itself as: An installable, cross-framework AI organization: C-suite agents, expert subagents, curated skills, independent review, and one-command setup across 18 AI client/runtime adapters. The licence is MIT.

When your agent uses it

  • Tasks that involve Infographics
  • Tasks that involve Image generation

Example prompts

  • “/article-to-infographic”

Requirements

  • Python 3

Workflow steps

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

  1. 知识拆解:提取黄金标题、对标矩阵、核心逻辑、趋势演进
  2. 分镜规划:合理分配内容到 3-5 张图中
  3. 高阶 Prompt 生成:每张图 4 模块英文 Prompt
  4. 风格定制:支持手写笔记 / 思维导图 / 架构图 / 对比矩阵

What it can do on your machine

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

    Ships 1 file in scripts/ (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • python3

    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 To Infographic loads about 1.1k tokens when it runs, and up to ~4.8k if it reads all its reference files. Until then it costs about 73 tokens; SKILL.md has 161 words of instructions outside code blocks.

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

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); the scripts in this folder are not scanned.

SKILL.md

The full file from aAAaqwq/AGI-Super-Team at commit 7cefd81, republished under its MIT licence (© aAAaqwq). 161 words, ~1,055 tokens.

Download SKILL.mdSave it as .claude/skills/article-to-infographic/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
name
article-to-infographic
description
长文/测评文章 → 知识视觉笔记套图(3-5张)。自动提炼核心逻辑、规划分镜、生成高阶图像Prompt(4模块结构)。支持手写笔记/思维导图/架构图/对比矩阵四种风格。Use when: 文章转知识笔记、知识笔记图片、思维导图、视觉笔记、长文转图、知识卡片、文章可视化、article to infographic、knowledge note。Output: 中文摘要 + 纯英文生图Prompt。Pair with vectronode-image/relay-image-gen to generate final images.
author
Daniel Li

Article → Knowledge Visual Notes

将深度长文 / 测评 / 行业分析自动转化为 3-5 张高信息密度「视觉笔记图」的 Prompt 生成器。

核心能力

  1. 知识拆解:提取黄金标题、对标矩阵、核心逻辑、趋势演进
  2. 分镜规划:合理分配内容到 3-5 张图中
  3. 高阶 Prompt 生成:每张图 4 模块英文 Prompt
  4. 风格定制:支持手写笔记 / 思维导图 / 架构图 / 对比矩阵

触发词

知识笔记 / 文章转图 / 思维导图 / 视觉笔记 / 长文转图 / 知识卡片 / 文章可视化 / 生成笔记图 / article to infographic / knowledge note

使用方法

bash
# 1. 从文章 Markdown 生成提示词套图
python3 ~/.openclaw/skills/article-to-infographic/scripts/plan_visual_notes.py \
  --article ~/articles/my-article.md \
  --style hand-written \
  --count 4 \
  --output ~/output/prompts/

# 2. 从纯文本输入
python3 ~/.openclaw/skills/article-to-infographic/scripts/plan_visual_notes.py \
  --text "$(cat article.txt)" \
  --style mixed \
  --output ~/output/

# 3. 生成 Prompt 后接力生图
python3 ~/.openclaw/skills/vectronode-image/scripts/vectronode_image.py generate \
  --prompt "$(cat ~/output/prompts/frame-01-prompt.txt)" \
  --output ~/output/images/frame-01.png \
  --size 1536x1024

参数

Flag说明默认
--article文章文件路径—
--text纯文本输入—
--style视觉风格 (见下方)mixed
--count图片数量 3-54
--output输出目录./visual-notes/

四种视觉风格

风格--style视觉形态
手写笔记hand-written手机屏幕/纸张上的高密度手写图表,不同颜色笔迹
思维导图mind-map手绘感白板/平板思维导图,中心放射结构
架构/逻辑图architecture专业系统演算图,带批注和连接线
对比矩阵comparison高对比度参数对比表,重点标红
混合风格mixed自动为每张图选最优风格

分镜规划原则

图序内容定位风格倾向
图1核心概念/黄金标题/定调手写笔记/标题页
图2核心竞争力/数据矩阵对比矩阵/数据图表
图3逻辑拆解/竞争分析思维导图/双边对比
图4趋势演进/成本分析/总结架构图/手写红框总结
图5(可选)金句/行动建议手写笔记

Prompt 四模块结构

每个生成的 Prompt 严格包含:

[模块1] Main Description — 环境、视角、材质、光线
[模块2] Content & Layout — 精确的文字位置、排版层级、颜色
[模块3] Context & Environment — 真实感环境细节
[模块4] Quality & Style — 画质、风格、技术关键词

详见 Prompt 模板。

工作流示例

以 Claude Fable 5 测评文章为例:

<details>
<summary>点击展开完整工作流</summary>
bash
# Step 1: 生成 Prompt
python3 ~/.openclaw/skills/article-to-infographic/scripts/plan_visual_notes.py \
  --article ~/articles/claude-fable-5-review.md \
  --style mixed \
  --count 4 \
  --output /tmp/fable5-visual/

# 输出: /tmp/fable5-visual/
#   frame-01-prompt.txt  — 神话与寓言的命名隐喻 (手写笔记)
#   frame-02-prompt.txt  — SWE-Bench Pro 80.3% 跑分矩阵 (对比矩阵)
#   frame-03-prompt.txt  — 编程/视觉/降级 三重能力拆解 (思维导图)
#   frame-04-prompt.txt  — 定价策略与战略判断 (架构图)

# Step 2: 接力生图
for i in 01 02 03 04; do
  python3 ~/.openclaw/skills/vectronode-image/scripts/vectronode_image.py generate \
    --prompt "$(cat /tmp/fable5-visual/frame-${i}-prompt.txt)" \
    --output /tmp/fable5-visual/images/frame-${i}.png \
    --size 1536x1024
done
</details>

与图像生图 Skill 接力

文章 .md / text
    │
    ▼
plan_visual_notes.py  ──→  prompts/   (中文摘要 + 英文 Prompt)
    │                        ├── frame-01-prompt.txt
    │                        ├── frame-02-prompt.txt
    │                        ├── frame-03-prompt.txt
    │                        └── frame-04-prompt.txt
    │
    ▼
vectronode_image.py   ──→  images/    (出图)
    │                        ├── frame-01.png
    │                        ├── ...
    │
    ▼
小红书 / 公众号 / 企业内参 配图

Prompt 注意事项

  • 必须纯英文:Midjourney / DALL-E / gpt-image-2 对英文排版支持最好
  • 中文文字用双引号标记:"中文字符串"
  • 排版指令必须精确到坐标区域:Top-left / Center / Right column / Bottom
  • 强制生成文字:用 bold capital letters, READS:, TEXT MUST SAY: 等
  • 黑色笔迹 + 红色标注 + 蓝色批注:模拟手写笔记的多色笔迹
  • 避免纯白背景:用带纹理的纸张/白板/手机屏幕增加真实感

相关文档

文档内容
Prompt 模板完整 4 模块模板 + 各风格的变体
使用示例MarkItDown / Fable 5 等真实案例

© aAAaqwq, 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 4 other files (scripts, references) in skills/article-to-infographic of aAAaqwq/AGI-Super-Team.

  • SKILL.md
  • _meta.json
  • references/examples.md
  • references/prompt-template.md
  • scripts/plan_visual_notes.py

Open the folder on GitHubat commit 7cefd81

Compare with similar skills

Article To Infographic 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 To Infographic compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Article To Infographic this skillaAAaqwq/AGI-Super-Team105—~1.1kAutomated safety check: PassMIT
Image Generationonyx-dot-app/onyx32k1 repos~1.7kAutomated safety check: PassCustom licence
SEO Image GeneratorAgriciDaniel/claude-seo19k2 repos~2.1kAutomated safety check: PassMIT
Ecom Image2buluslan/gpt-image2-ecommerce410—~2.9kAutomated safety check: PassMIT
Design Image Studiokangarooking/design-image-studio102—~1.5kAutomated safety check: PassMIT
Gemini Carouselcharlie947/social-media-skills3.8k—~1.7kAutomated safety check: PassMIT

Similar skills

  • Image Generation

    onyx-dot-app/onyx

    Generate or edit raster images (photos, illustrations, textures, sprites, mockups, logos, infographics) using the workspace's configured image-generation provider via onyx-cli image.

    32k GitHub starsUsed in 1 repo~1.7k tokens
    Media & CreativeAuto-check passed
  • SEO Image Generator

    AgriciDaniel/claude-seo

    Generates Open Graph previews, blog hero images, product photos and infographics for SEO use through Gemini image tools and the banana extension.

    19k GitHub starsUsed in 2 repos~2.1k tokens
    Media & CreativeAuto-check passed
  • Ecom Image2

    buluslan/gpt-image2-ecommerce

    由 buluslan(公众号:新西楼.AI)研发的开源电商做图 Skill:39 个电商场景模板、Campaign 套图一致性、GPT-Image-2.5 官方双模型路由(Flare/Sunburst)与平台技术预检。通过用户配置的 OpenAI 兼容端点生成图片,或导出 prompt 包手动使用。Trigger whenever the user wants product main…

    410 GitHub stars~2.9k tokensUpdated 24 days ago
    Media & CreativeAuto-check passed
  • Design Image Studio

    kangarooking/design-image-studio

    Directly generate design-oriented AI images with strong creative direction and prompt engineering.

    102 GitHub stars~1.5k tokensUpdated 5 mo ago
    Media & CreativeAuto-check passed
  • Gemini Carousel

    charlie947/social-media-skills

    Generate a branded slide-by-slide LinkedIn carousel using Gemini.

    3.8k GitHub stars~1.7k tokensUpdated 26 days ago
    Media & CreativeAuto-check passed
  • Blog Image

    AgriciDaniel/claude-blog

    AI image generation and editing for blog content powered by Gemini via MCP.

    2.3k GitHub stars~3.4k tokensUpdated 2 days ago
    Media & CreativeAuto-check passed

More from aAAaqwq/AGI-Super-Team

All 167 skills in this repo
  • Content Creator

    aAAaqwq/AGI-Super-Team

    Create SEO-optimized marketing content with consistent brand voice.

    105 GitHub starsUsed in 3 repos~1.9k tokens
    Auto-check passed
  • Financial Calculator

    aAAaqwq/AGI-Super-Team

    Advanced financial calculator with future value tables, present value, discount calculations, markup pricing, and compound interest.

    105 GitHub starsUsed in 1 repo~1.5k tokens
    Auto-check passed
  • Bankr Signals

    aAAaqwq/AGI-Super-Team

    Transaction-verified trading signals on Base blockchain. An agent skill from aAAaqwq/AGI-Super-Team.

    105 GitHub starsUsed in 2 repos~3.3k tokens
    Auto-check passed
  • Erc 8004

    aAAaqwq/AGI-Super-Team

    Register AI agents on Ethereum mainnet using ERC-8004 (Trustless Agents).

    105 GitHub starsUsed in 2 repos~1.2k tokens
    Auto-check passed
  • Frontend Design Ultimate

    aAAaqwq/AGI-Super-Team

    Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

    105 GitHub starsUsed in 2 repos~2.7k tokens
    Auto-check passed
  • Zsxq Smart Publish

    aAAaqwq/AGI-Super-Team

    Publish and manage content on 知识星球 (zsxq.com). An agent skill from aAAaqwq/AGI-Super-Team.

    105 GitHub stars~1.5k tokensUpdated 2 days ago
    Auto-check passed

Questions about Article To Infographic

What does Article To Infographic do?

长文/测评文章 → 知识视觉笔记套图(3-5张)。自动提炼核心逻辑、规划分镜、生成高阶图像Prompt(4模块结构)。支持手写笔记/思维导图/架构图/对比矩阵四种风格。Use when: 文章转知识笔记、知识笔记图片、思维导图、视觉笔记、长文转图、知识卡片、文章可视化、article to infographic、knowledge note。Output: 中文摘要 +…. Article To Infographic is an agent skill from aAAaqwq/AGI-Super-Team. 长文/测评文章 → 知识视觉笔记套图(3-5张)。自动提炼核心逻辑、规划分镜、生成高阶图像Prompt(4模块结构)。支持手写笔记/思维导图/架构图/对比矩阵四种风格。Use when: 文章转知识笔记、知识笔记图片、思维导图、视觉笔记、长文转图、知识卡片、文章可视化、article to infographic、knowledge note。Output: 中文摘要 + 纯英文生图Prompt。Pair with vectronode-image/relay-image-gen to generate final images.

When should I use Article To Infographic?

Article To Infographic fits situations like: tasks that involve Infographics; tasks that involve Image generation.

How do I install Article To Infographic in Claude Code?

Run `npx skills add aAAaqwq/AGI-Super-Team --skill article-to-infographic -a claude-code`. Or copy the skill folder (skills/article-to-infographic in aAAaqwq/AGI-Super-Team) into .claude/skills/article-to-infographic in your project. Claude Code loads it when a task matches its description.

How do I install Article To Infographic in Codex?

Run `npx skills add aAAaqwq/AGI-Super-Team --skill article-to-infographic -a codex`. Or copy the skill folder (skills/article-to-infographic in aAAaqwq/AGI-Super-Team) into .agents/skills/article-to-infographic in your project. Codex loads it when a task matches its description.

Can I use Article To Infographic 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 aAAaqwq/AGI-Super-Team --skill article-to-infographic -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-to-infographic, .gemini/skills/article-to-infographic, .github/skills/article-to-infographic and .opencode/skills/article-to-infographic in your project.

What does Article To Infographic need to run?

Going by SKILL.md and its folder, Article To Infographic needs Python for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: Python 3.

Does Article To Infographic 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 To Infographic 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Article To Infographic use?

Article To Infographic 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 To Infographic use?

About 1.1k tokens (SKILL.md is roughly 4.2k 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 3.7k tokens, read only when the agent opens those files.

What are the alternatives to Article To Infographic?

Skills that share tags, products or a category with Article To Infographic: Image Generation (onyx-dot-app/onyx, 32k stars), SEO Image Generator (AgriciDaniel/claude-seo, 19k stars), Ecom Image2 (buluslan/gpt-image2-ecommerce, 410 stars) and Design Image Studio (kangarooking/design-image-studio, 102 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Article To Infographic?

aAAaqwq (a GitHub user) maintains it in aAAaqwq/AGI-Super-Team, which has 105 GitHub stars. The repository holds 167 skills in this directory. The repository was last updated on October 8, 2026.

Source: aAAaqwq/AGI-Super-Team on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.