Does it support accessibility standards?

Yes, the skill performs mandatory WCAG 2.1 AA contrast checks before generation to ensure all text is readable against the chosen background and decorative shapes.

How does the skill ensure brand consistency?

It uses built-in initialization commands to ingest your project's brand philosophy, applying custom color palettes and backgrounds to every generated graphic automatically.

What file formats are supported for export?

The generator supports exporting your infographics in both PNG for easy sharing and SVG for scalable, high-quality web implementation.

What types of infographics can I create?

You can generate 114 different types across 7 categories, including timelines (Sequence), feature lists, organizational charts (Hierarchy), comparison tables, and 2x2 quadrants.

Can I use my own icons or illustrations?

Absolutely. While it offers icon-based templates, you can also use illustrated templates that reference your own SVG, PNG, or JPG files stored within your project structure.

Branded Infographic Generator

Name: Branded Infographic Generator
Author: camoa

bycamoa

•

デザインツール

Generates professional, brand-aligned infographics and data visualizations using a library of 114 customizable templates.

The Branded Infographic Generator is a specialized Claude Code skill designed to transform raw data and process descriptions into high-quality visual content. Leveraging the @antv/infographic library, it offers a vast selection of 114 templates across seven categories, including timelines, hierarchy charts, and comparison diagrams. This tool ensures brand consistency through custom themes and backgrounds while enforcing strict WCAG accessibility standards for text contrast and readability. It is ideal for developers and content creators who need to quickly generate professional assets like roadmaps, organizational charts, or feature lists directly from the terminal.

主な機能

01Built-in accessibility validation ensuring WCAG AA contrast ratios for all generated visuals.

0217 GitHub stars

03Flexible export options in both PNG and SVG formats for high-resolution web and print use.

04Support for multiple asset types including text-only, icon-based, and illustrated infographics.

05Automated branding integration using custom themes, palettes, and background presets.

06114 professional templates across 7 categories including Sequence, Hierarchy, and Comparison.

ユースケース

01Visualizing feature comparisons and SWOT analyses for product marketing materials.

02Generating organizational charts and hierarchical structures for team alignment.

03Creating visual project roadmaps and process timelines for documentation or presentations.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add camoa/claude-skills infographic-generator

For use in Claude.ai and ChatGPT

Download Skill