infographic

Generates template-driven infographic specifications from a space-separated key-value DSL.

Updated May 5, 2026
One-click install
npx skills add https://github.com/XCmiaow/cc-deploy --skill infographic-xcmiaow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: infographic
Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/infographic
Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill infographic-xcmiaow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It solves the problem of turning ideas, KPI data, and structured comparisons into consistent, presentable infographic visuals without manually designing layouts from scratch.

Core Features & Use Cases

  • Template-based infographic generation: Build visuals by selecting a supported template (e.g., KPI cards, timelines, funnels, SWOT, org charts, and charts).
  • Deterministic space-separated key-value DSL: Use the required non-YAML syntax to define title, items, value, desc, and nested children precisely.
  • Built-in validation guidance: Avoid render failures by following template-specific rules like required item counts (e.g., SWOT must have 4 English-labeled quadrants).

Quick Start

Use the infographic skill to generate a KPI dashboard infographic by writing an infographic block that starts with the template name and provides data.title, then a list of data.items with label and desc fields.

Frequently Asked Questions about infographic

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate KPI dashboard infographics from raw data?

Generate KPI dashboard infographics by writing a space-separated key-value DSL specifying the template name, data.title, and data.items with label and desc fields. This deterministic syntax produces consistent, presentable visual layouts without manual design.

Can I create a SWOT analysis comparison chart using infographic templates?

Create a SWOT analysis comparison chart by selecting the SWOT template and providing exactly 4 English-labeled quadrants. Strict template-name matching and structural constraints like required item counts ensure accurate visual rendering.

Does infographic generation require YAML syntax for timelines and funnels?

Infographic generation for timelines and funnels does not use YAML syntax. It requires a deterministic space-separated key-value DSL with two-space indentation, correct field usage, and nested children structures to avoid render failures.

What is the best way to build org hierarchies and word clouds from templates?

Build org hierarchies and word clouds by selecting the matching template and defining nested children structures using the space-separated key-value DSL. Template-specific structural constraints ensure the infographic renders correctly.

Why does my infographic template fail to render correctly?

Infographic templates fail to render when strict template-name matching is ignored, YAML colon syntax is used instead of key/value pairs, or template-specific constraints like two-space indentation and required item counts are violated.

Are infographic templates suitable for visualizing data without manual layout design?

Infographic templates are designed for fast visual communication of KPI data and structured comparisons. They apply deterministic DSL inputs to predefined layouts, eliminating the need to manually design infographic visuals from scratch.