Agent Skills › CodingFeng101/CanvasAnvil › infographic-skill

infographic-skill

GitHub

根据结构化内容要求生成最终信息图图像。适用于数据摘要、流程解释、对比板等单帧信息图形，支持多模型供应商配置并直接导出为本地图片文件。

skill/infographic-skill/SKILL.md CodingFeng101/CanvasAnvil

Trigger Scenarios

需要生成最终信息图图像的任务数据摘要或可视化需求

Install

npx skills add CodingFeng101/CanvasAnvil --skill infographic-skill -g -y

More Options

Non-standard path

npx skills add https://github.com/CodingFeng101/CanvasAnvil/tree/main/skill/infographic-skill -g -y

Use without installing

npx skills use CodingFeng101/CanvasAnvil@infographic-skill

指定 Agent (Claude Code)

npx skills add CodingFeng101/CanvasAnvil --skill infographic-skill -a claude-code -g -y

安装 repo 全部 skill

npx skills add CodingFeng101/CanvasAnvil --all -g -y

预览 repo 内 skill

npx skills add CodingFeng101/CanvasAnvil --list

SKILL.md

Frontmatter

{
    "name": "infographic-skill",
    "description": "Generate final infographic images from structured content requirements. Use for single infographic tasks, data summaries, process explainers, comparison boards, timelines, and other single-frame information graphics that should export directly to local image files."
}

Infographic Skill

Trigger

Use when the task requires one final infographic image.

First-Use Reminder

On the first use of this skill in a conversation, remind the user that image generation is configurable and tell them which model vendors are supported in config/image-provider.json.

Supported vendors:

openai
aliyun
tencent
bytedance
zhipu
google
xai
bfl
adobe

Order

Confirm the task is an infographic task.
Collect required fields.
Ask follow-up questions for missing required fields.
Read the required references.
Produce the final infographic prompt.
Generate the image through the configured provider.
Export or bundle artifacts when requested.

Required Fields

theme
size or aspect_ratio
style_direction
color_direction
information_points
data_status

Do not guess missing required fields.

Required References

references/infographic-fields.md
references/prompt-rules.md
references/image-provider-config.md
references/output-contract.md

Prompt Contract

Produce one final infographic prompt.
Keep the output specific to one frame.
Emphasize structure, hierarchy, and readability.
Include information sections, chart intent, and visual grouping when provided.
Keep provided copy and data explicit.
Do not invent unsupported metrics, rankings, dates, or claims.
Treat reference images as visual guidance only.
Do not treat reference images as factual sources for data, copy, dates, or claims.

Provider Contract

Use the configured image provider for image generation.
Require config/image-provider.json before image generation.
Do not ask the user to paste API keys into chat.
Stop and tell the user to fill config/image-provider.json when provider, apiKey, or model is missing.
Pass a reference image only when reference_image_status is positive and a usable reference image URL is available.