infographic SKILL.md skillA

infographic from zju-real/easel is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add zju-real/easel/infographic@git:20261012.0d53744

Pins git:20261012.0d53744 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
zju-real/easel
Path
skills/builtin/infographic/SKILL.md
Versions recorded
1
Latest version
git:20261012.0d53744, committed Oct 12, 2026
Size
4,445 bytes
Repository stars
4,469
License
Apache-2.0

将数据或文字内容转化为可视化信息图,支持静态(AntV)和动画 GIF 两种模式。当用户需要制作信息图、数据可视化、流程图、对比图、动画图表、GIF 图表、思维导图、SWOT 分析图时调用。本地渲染信息图/GIF 动画;要单张静态图片 URL 用 chart-visualization,要 CSV/JSON→整页报告用 data-report.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 信息图制作

> 将数据或文字内容转化为可视化信息图,支持静态 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)

## 执行步骤

### 第一步:确认输出模式

询问用户选择输出格式:

1. **静态信息图**(AntV Infographic)— 列表、流程、对比、层级、关系图等 50+ 模板,矢量渲染,可导出 SVG
2. **动画 GIF**(`scripts/gif_chart.py`)— 条形竞赛 / 数字滚动 / 进度 / 折线生长 4 类爆款动画,直接产出 GIF

如用户需求明确(如"做个条形竞赛动图"或"做个流程图"),直接选择对应模式,无需确认。

### 第二步:分析内容与选择图表

分析用户输入,提取关键信息结构(标题、描述、数据项等)。选择合适的模板/图表类型。

**关键:必须尊重用户输入的语言。用户用中文输入,所有文本必须是中文。**

### 第三步:渲染

- **模式 A(静态 AntV)** → 读 `references/antv-templates.md`:DSL 语法规则、模板选择指南、可用模板列表、HTML 渲染模板。生成 HTML 保存到 `outputs/`,告知路径。

- **模式 B(动画 GIF)** → 调 `scripts/gif_chart.py <子命令>`,无需手写动画代码。子命令按图型:
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add zju-real/easel/infographic@sha256:edb5a1895fef3a5a

The line at the top of this page pins the label git:20261012.0d53744, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_3rn3djpustpr4u5m.svg)](https://markdownregistry.com/a/art_3rn3djpustpr4u5m)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Oct 12, 2026.

versioncommittedcommitsizeaudit
git:20261012.0d53744 latest2026-10-12 0d53744 4,445 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (4445 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

zju-real/easel · 4,469 stars · license Apache-2.0 · pushed 2026-11-02 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_3rn3djpustpr4u5m
GET https://markdownregistry.com/api/v1/resolve?ref=zju-real/easel/infographic
GET https://markdownregistry.com/api/v1/blob/edb5a1895fef3a5a2a7d8a6db7b958334ff6e159f3df635d3fdf306d8c3e4d7e

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from zju-real/easel

AGENTS.md@agents/workspace AGENTS.md file
zju-real/easel · agents/workspace/AGENTS.md
git:20261023.a097ddf · audit B · 4,469 stars
ai-image-gen SKILL.md skill
zju-real/easel · skills/builtin/ai-image-gen/SKILL.md · 通用 AI 生图:文生图 / 图生图 / 图像变体。当用户说 AI 生图、AI 画图、文生图、图生图、生成图片、生成配图、图像生成、AI 出图、AI 作图、换图、改图、图像编辑、给我画一张、生成一张图 时使用。支持 OpenAI 兼容…
git:20261012.0d53744 · audit A · 4,469 stars
ai-music SKILL.md skill
zju-real/easel · skills/builtin/ai-music/SKILL.md · AI 音乐 / BGM 生成:给短视频、社媒内容生成原创背景音乐 / 配乐 / 纯音乐。通过可插拔 provider(阿里 DashScope / Suno 类第三方…
git:20261018.8d08b21 · audit A · 4,469 stars
ai-video-gen SKILL.md skill
zju-real/easel · skills/builtin/ai-video-gen/SKILL.md · AI 视频生成:文生视频 / 图生视频 / 数字人首帧驱动。通过可插拔 provider(通义万相 Wan / 火山 Seedance / 快手可灵 / OpenAI 兼容)异步生成视频,用户自备 API key。当用户说 AI…
git:20261012.0d53744 · audit A · 4,469 stars
asset-manager SKILL.md skill
zju-real/easel · skills/builtin/asset-manager/SKILL.md · outputs/ 目录下的产物管理:按日期/平台/类型归档、打标签、搜索历史内容、生成素材清单。 当用户说"整理素材"、"归档"、"找之前的内容"、"搜索历史"、"素材管理"、 "outputs 整理"、"之前做的"时使用。 与其他…
git:20261012.0d53744 · audit A · 4,469 stars
audio-denoise SKILL.md skill
zju-real/easel · skills/builtin/audio-denoise/SKILL.md · 音频降噪:去除录音中的背景噪声、电流声、风噪、嗡嗡声,基于 ffmpeg 滤镜链(afftdn/highpass/lowpass)。 当用户说"降噪""去噪""去杂音""消除背景噪声""电流声""风噪""录音有杂音""音频降噪"时使用。…
git:20261012.0d53744 · audit A · 4,469 stars
audio-editing SKILL.md skill
zju-real/easel · skills/builtin/audio-editing/SKILL.md · 通用音频处理:音频剪辑/裁剪、格式转码(mp3/wav/m4a/aac)、音量归一化、从视频提取音轨、多段拼接、淡入淡出、变速(保音高)。当用户说“剪音频”“裁一段”“转成…
git:20261012.0d53744 · audit A · 4,469 stars
audio-mix SKILL.md skill
zju-real/easel · skills/builtin/audio-mix/SKILL.md · 音频混合 / 混音:把旁白口播 + 背景音乐 + 音效混成一轨,BGM 自动循环补足并可闪避(旁白说话时自动压低 BGM 保证人声清晰)。当用户说 混音、音频混合、旁白加背景音乐、配音加BGM、人声和音乐混一起、加音效、音频叠加、BGM…
git:20261025.5a597e5 · audit A · 4,469 stars
audio-visualizer SKILL.md skill
zju-real/easel · skills/builtin/audio-visualizer/SKILL.md · 音频可视化视频:把纯音频(播客片段、音乐、口播金句、电台)渲染成带动态波形/频谱的视频,配封面和标题,好发到抖音/B站/视频号等只收视频的平台。当用户说…
git:20261012.0d53744 · audit A · 4,469 stars
auto-short-video SKILL.md skill
zju-real/easel · skills/builtin/auto-short-video/SKILL.md · 一句话主题 → 成品短视频:自动串联 文案→配图/AI视频→配音→字幕→BGM→合成,把 Easel 制作层零件编排成一条'一键出片'流水线。**单条视频、口播/资讯向,画面默认逐句配图 + Ken Burns…
git:20261025.5a597e5 · audit A · 4,469 stars
auto-subtitle SKILL.md skill
zju-real/easel · skills/builtin/auto-subtitle/SKILL.md · 自动字幕 / 语音转字幕:把音频或视频里的语音识别成字幕文件(SRT/ASS/TXT/JSON),可选把字幕烧录进视频。当用户说自动字幕、语音转字幕、视频加字幕、上字幕、转录、听写、字幕文件、生成字幕、烧字幕时使用。
git:20261012.0d53744 · audit A · 4,469 stars
batch-process SKILL.md skill
zju-real/easel · skills/builtin/batch-process/SKILL.md · 批量处理:对一个目录里的一批图片/视频/音频统一套用同一操作——批量压缩、加水印、转格式、缩放、转比例、音量归一化等。当用户说 批量处理、批量压缩、批量加水印、批量转格式、一批图片/视频、给这个文件夹、全部转成、批量缩放、批量转竖版、整个目…
git:20261012.0d53744 · audit A · 4,469 stars

Every file in zju-real/easel

Other files named infographic

infographic SKILL.md skill
magnus919/agent-skills · infographic/SKILL.md · Design, create, or improve an infographic, visual explainer, illustrated guide, comparison poster, process graphic, or…
git:20261016.c7f6b5c · audit A · 166 stars
infographic SKILL.md skill
naveedharri/benai-skills · plugins/creative/skills/infographic/SKILL.md · Generate professional infographics using Nano Banana MCP (Gemini AI image generation). Follows a guided flow — analyze…
git:20260916.a3b1e15 · audit B · 78 stars
infographic SKILL.md skill
naveedharri/benai-skills · plugins/all-skills/skills/infographic/SKILL.md · Generate professional infographics using Nano Banana MCP (Gemini AI image generation). Follows a guided flow — analyze…
git:20260916.a3b1e15 · audit B · 78 stars
infographic SKILL.md skill
remybroun/infographic · SKILL.md · Turn text, a document, or a topic into a graphic-first explainer: an imaginative schoolbook-style HTML page where…
v3.8.0 · audit A · 4 stars

Browse by kind, by grade A, or by owner.