Exec Report
pnp/sharepoint-skills
Generates a polished, self-contained HTML executive report or dashboard from any data source — SharePoint lists, CSV exports, or a user description.
将数据或文字内容转化为可视化信息图，支持静态（AntV）和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画；要单张静态图片 URL 用 chart-visualization，要 CSV/JSON→整页报告用 data-report
Install Infographic
$ npx skills add ZJU-REAL/Easel --skill infographic -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ZJU-REAL/Easel infographic --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/openclaw/infographic .claude/skills/infographic && rm -rf skills-srcUse ~/.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/
Install the "infographic" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/infographic into .claude/skills/infographic/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/infographicType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add ZJU-REAL/Easel --skill infographic -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ZJU-REAL/Easel infographic --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/openclaw/infographic .agents/skills/infographic && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "infographic" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/infographic into .agents/skills/infographic/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ZJU-REAL/Easel --skill infographic -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ZJU-REAL/Easel infographic --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/openclaw/infographic .cursor/skills/infographic && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "infographic" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/infographic into .cursor/skills/infographic/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/ZJU-REAL/Easel.git --path skills/openclaw/infographic--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add ZJU-REAL/Easel --skill infographic -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ZJU-REAL/Easel infographic --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/openclaw/infographic .gemini/skills/infographic && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "infographic" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/infographic into .gemini/skills/infographic/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install ZJU-REAL/Easel infographicInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add ZJU-REAL/Easel --skill infographic -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/openclaw/infographic .github/skills/infographic && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "infographic" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/infographic into .github/skills/infographic/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ZJU-REAL/Easel --skill infographic -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ZJU-REAL/Easel infographic --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ZJU-REAL/Easel.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/openclaw/infographic .opencode/skills/infographic && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "infographic" agent skill from https://github.com/ZJU-REAL/Easel/tree/main/skills/openclaw/infographic into .opencode/skills/infographic/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "infographic", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
infographic- GitHub stars
- 3.4k
- Token cost
- ~643 tokens
- SKILL.md length
- 126 words
- Files
- 5 (incl. scripts, references)
- Skills in repo
- 114
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
将数据或文字内容转化为可视化信息图，支持静态（AntV）和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画；要单张静态图片 URL 用 chart-visualization，要 CSV/JSON→整页报告用 data-report
- Works in 2 steps: 静态信息图（AntV Infographic）—… → 动画 GIF（scripts/gif_chart.py）— 条形竞赛 /…
- Tasks that involve Infographics
- SKILL.md covers 与其他图表 SKILL 的区别, 输入, 输出 and 执行步骤, plus 1 more section
- Runs Python scripts from its folder; calls python
What it does
Infographic is an agent skill from ZJU-REAL/Easel. 将数据或文字内容转化为可视化信息图，支持静态（AntV）和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画；要单张静态图片 URL 用 chart-visualization，要 CSV/JSON→整页报告用 data-report
Its SKILL.md is about 640 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 `EASEL-META.md`, `references/antv-templates.md` and `references/gif-charts.md`).
It sits in Media & Creative, covering Infographics, Startup and business strategy and CSV and tabular files. The repository describes itself as: An open-source AI agent for social media — discover trends, create content, publish everywhere, and learn what works across Xiaohongshu, Douyin, Zhihu, Bilibili, and more.🎨一个开源的… The licence is Apache-2.0.
When your agent uses it
- Tasks that involve Infographics
- Tasks that involve Startup and business strategy
- Tasks that involve CSV and tabular files
Example prompts
- “/infographic”
Requirements
- Python 3
Workflow steps
2 steps, taken from the first numbered list in SKILL.md.
- 静态信息图（AntV Infographic）— 列表、流程、对比、层级、关系图等 50+ 模板，矢量渲染，可导出 SVG
- 动画 GIF（scripts/gif_chart.py）— 条形竞赛 / 数字滚动 / 进度 / 折线生长 4 类爆款动画，直接产出 GIF
What it can do on your machine
Read from SKILL.md and the folder at commit ede33b8. 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:
python
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
Infographic loads about 643 tokens when it runs, and up to ~2.9k if it reads all its reference files. Until then it costs about 46 tokens; SKILL.md has 126 words of instructions outside code blocks.
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 ZJU-REAL/Easel at commit ede33b8, republished under its Apache-2.0 licence (© ZJU-REAL). 126 words, ~643 tokens.
Download SKILL.mdSave it as
.claude/skills/infographic/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.- name
- infographic
- description
- 将数据或文字内容转化为可视化信息图，支持静态（AntV）和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画；要单张静态图片 URL 用 chart-visualization，要 CSV/JSON→整页报告用 data-report
- layer
- produce
信息图制作
将数据或文字内容转化为可视化信息图，支持静态 AntV 信息图和动画 GIF 两种输出模式
与其他图表 SKILL 的区别
都能"生成图表"，但机制与产物不同，按需求路由：
- infographic（本 SKILL） = 本地渲染。两种产物：静态信息图（AntV DSL，列表/流程/对比/层级 HTML→SVG）+ GIF 动画图表（matplotlib 逐帧→GIF）。
- chart-visualization = 调 AntV 远程 API，产出单张静态图片 URL（25+ 类型），最快拿到单图。
- data-report = 输入 CSV/Excel/JSON，产出整页可视化报告（KPI 卡 + 多图 + 洞察 + 表格）。
两模式边界：要静态矢量信息图（可导出 SVG、模板丰富）→ 模式 A；要会动的 GIF（发社媒/朋友圈的动图，如条形竞赛、数字滚动、进度动画、折线生长）→ 模式 B。
输入
用户提供的文字内容、数据、或主题描述。可以是结构化数据（CSV/JSON）、自然语言描述、或简单的数字罗列。
输出
- 静态模式：
outputs/主题名/infographic.html（浏览器打开，可导出 SVG） - 动画模式：
outputs/主题名/chart.gif（scripts/gif_chart.py直接产出可发社媒的 GIF）
执行步骤
第一步：确认输出模式
询问用户选择输出格式：
- 静态信息图（AntV Infographic）— 列表、流程、对比、层级、关系图等 50+ 模板，矢量渲染，可导出 SVG
- 动画 GIF（
scripts/gif_chart.py）— 条形竞赛 / 数字滚动 / 进度 / 折线生长 4 类爆款动画，直接产出 GIF
如用户需求明确（如"做个条形竞赛动图"或"做个流程图"），直接选择对应模式，无需确认。
第二步：分析内容与选择图表
分析用户输入，提取关键信息结构（标题、描述、数据项等）。选择合适的模板/图表类型。
关键：必须尊重用户输入的语言。用户用中文输入，所有文本必须是中文。
第三步：渲染
模式 A（静态 AntV） → 读
references/antv-templates.md：DSL 语法规则、模板选择指南、可用模板列表、HTML 渲染模板。生成 HTML 保存到outputs/，告知路径。模式 B（动画 GIF） → 调
scripts/gif_chart.py <子命令>，无需手写动画代码。子命令按图型：子命令 用途 数据 JSON 结构 bar-race条形竞赛（排名随时间变化，数据可视化爆款） {"title","times":[...],"series":{"名称":[数值×时间]}}count-up数字滚动增长（KPI 从 0 涨到目标） {"title","items":[{"label","value","suffix"}]}或{"label","value"}progress进度动画（ --style ring/bar）{"label","value","max","color"}line-grow折线逐步生长 {"title","x":[...],"series":{"名称":[数值]}}通用参数：
--output x.gif、--data f.json（-读 stdin，省略用内置示例）、--title、--width（默认 900）、--height、--fps（默认 20）、--duration（秒，默认 4）。典型调用（先写数据到临时 JSON，再调脚本）：
bash python skills/openclaw/infographic/scripts/gif_chart.py bar-race --data data.json \ --output outputs/城市增长/柱状竞速.gif --width 900 --duration 5脚本自动设置中文字体、Agg 后端、自适应调色板控体积。自检：
python skills/openclaw/infographic/scripts/gif_chart.py --selftest。
目录结构
infographic/
├── SKILL.md 本文件（执行流程 + references 指针）
├── scripts/
│ └── gif_chart.py 模式 B：动画 GIF 运行时（matplotlib+Pillow，4 子命令）
└── references/
├── antv-templates.md 模式 A：静态 AntV 信息图完整规范
└── gif-charts.md 模式 B：图表选择/数据格式参考© ZJU-REAL, Apache-2.0. 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/openclaw/infographic of ZJU-REAL/Easel.
- SKILL.md
- EASEL-META.md
- references/antv-templates.md
- references/gif-charts.md
- scripts/gif_chart.py
Open the folder on GitHubat commit ede33b8
Compare with similar skills
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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Infographic this skillZJU-REAL/Easel | 3.4k | — | ~643 | Automated safety check: Pass | Apache-2.0 | |
| Exec Reportpnp/sharepoint-skills | 133 | — | ~2k | Automated safety check: Pass | MIT | |
| Visual Explainernicobailon/visual-explainer | 10k | — | ~3.5k | Automated safety check: Pass | MIT | |
| Lanshu Create AI Presenter Videocclank/lanshu-create-ai-presenter-video | 2.6k | — | ~3.6k | Automated safety check: Pass | MIT | |
| Image Generationonyx-dot-app/onyx | 32k | 1 repos | ~1.7k | Automated safety check: Pass | Custom licence | |
| Math ExplainerGordenSun/mathVideoMaker | 290 | 1 repos | ~2.4k | Automated safety check: Pass | None |
Similar skills
Visual Explainer
nicobailon/visual-explainer
Turns systems, code changes, plans and data into self-contained HTML pages where figures carry the explanation, with options for slide decks and narrated MP4 videos.
Lanshu Create AI Presenter Video
cclank/lanshu-create-ai-presenter-video
Turn a topic or finished script into a complete, publish-ready explainer video — led by an AI presenter from an authorized adult presenter image, or performed in one of nine visual explainer styles…
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.
Math Explainer
GordenSun/mathVideoMaker
Generate math explanation videos (animated with Manim) and interactive web pages from a user's request.
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.
More from ZJU-REAL/Easel
All 114 skills in this repoGzh Design
ZJU-REAL/Easel
微信公众号文章排版引擎：把 Markdown / Word(.docx) / PDF / 纯文本转成可直接粘贴进公众号编辑器的 HTML，自动章节编号、关键词标记、引言卡、目录、代码块、图片/GIF、作者签名；主题从 references/theme-index.md…
Skill Wechat Publisher
ZJU-REAL/Easel
微信公众号文章自动创作与发布工具。给定参考文章、文字或文档，自动搜索整理全网相关信息、生成图文并茂的公众号文章，并发布到微信公众号草稿箱。特别强调反 AI 检测写作。
Card Design
ZJU-REAL/Easel
社媒卡片视觉设计系统：提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检，避免模板化 PPT 与廉价 AI 感。
Ecom Details Image
ZJU-REAL/Easel
生成电商商品视觉方案：主图概念、场景图、详情页视觉方向和 AI 生图 Prompt. An agent skill from ZJU-REAL/Easel.
Novel Writer
ZJU-REAL/Easel
长篇小说/网文连载创作：从世界观、人设和三级大纲写到逐章正文，并用文件化状态维护伏笔、前情和跨章一致性. An agent skill from ZJU-REAL/Easel.
Paper Explainer
ZJU-REAL/Easel
科研论文解读：解析 arXiv/PDF 的公式与图表，提炼问题、贡献、方法、关键图和结论，再产出 B站/视频号解读视频或知乎/公众号图文。
Related
Categories
Questions about Infographic
What does Infographic do?
将数据或文字内容转化为可视化信息图，支持静态（AntV）和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画；要单张静态图片 URL 用 chart-visualization，要 CSV/JSON→整页报告用 data-report. Infographic is an agent skill from ZJU-REAL/Easel.
When should I use Infographic?
Infographic fits situations like: tasks that involve Infographics; tasks that involve Startup and business strategy; tasks that involve CSV and tabular files.
How do I install Infographic in Claude Code?
Run `npx skills add ZJU-REAL/Easel --skill infographic -a claude-code`. Or copy the skill folder (skills/openclaw/infographic in ZJU-REAL/Easel) into .claude/skills/infographic in your project. Claude Code loads it when a task matches its description.
How do I install Infographic in Codex?
Run `npx skills add ZJU-REAL/Easel --skill infographic -a codex`. Or copy the skill folder (skills/openclaw/infographic in ZJU-REAL/Easel) into .agents/skills/infographic in your project. Codex loads it when a task matches its description.
Can I use 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 ZJU-REAL/Easel --skill 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/infographic, .gemini/skills/infographic, .github/skills/infographic and .opencode/skills/infographic in your project.
What does Infographic need to run?
Going by SKILL.md and its folder, Infographic needs Python for the scripts in its folder and the command-line tools its instructions call (python). Our summary lists: Python 3.
Does 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 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 Infographic use?
Infographic is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Infographic use?
About 643 tokens (SKILL.md is roughly 2.6k 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.2k tokens, read only when the agent opens those files.
What are the alternatives to Infographic?
Skills that share tags, products or a category with Infographic: Exec Report (pnp/sharepoint-skills, 133 stars), Visual Explainer (nicobailon/visual-explainer, 10k stars), Lanshu Create AI Presenter Video (cclank/lanshu-create-ai-presenter-video, 2.6k stars) and Image Generation (onyx-dot-app/onyx, 32k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Infographic?
ZJU-REAL (a GitHub organization) maintains it in ZJU-REAL/Easel, which has 3,441 GitHub stars. The repository holds 114 skills in this directory. The repository was last updated on October 11, 2026.
Source: ZJU-REAL/Easel on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.