freestylefly avatar

Canghe Infographic

This generates publication-ready infographics by combining 20 layout types with 17 visual styles. You feed it markdown content, and it analyzes the structure, recommends combinations like hierarchical-layers with technical-schematic for documentation or linear-progression with ikea-manual for tutorials, then outputs a prompt and PNG. The two-axis system is clever: layout handles information architecture while style controls aesthetics, so you can mix a dashboard layout with cyberpunk-neon or chalkboard styling. It preserves your source data verbatim and generates structured content before the visual. Useful when you need to turn dense information into something people will actually look at instead of skimming past.

skills.sh installs
516
GitHub stars
474
last updated
Aug 21, 2026

Install

$ npx -y skills add freestylefly/canghe-skills --skill canghe-infographic --agent claude-code

Installs into .claude/skills of the current project.

Files

Infographic Generator

Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.

Usage

/canghe-infographic path/to/content.md
/canghe-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/canghe-infographic path/to/content.md --aspect portrait --lang zh
/canghe-infographic  # then paste content

Options

OptionValues
--layout20 options (see Layout Gallery), default: bento-grid
--style17 options (see Style Gallery), default: craft-handmade
--aspectlandscape (16:9), portrait (9:16), square (1:1)
--langen, zh, ja, etc.

Layout Gallery

Sponsors

Details

Repository
github.com/freestylefly/canghe-skills
Categories
Frontend Development, Code Review & Quality, Design & UI/UX
First seen
Jun 3, 2026

More from freestylefly/canghe-skills

All 29
1intsig-textin avatarxparse-parseintsig-textin/xparse-skillsParse PDFs, images, Office files, HTML, OFD, and other supported documents into Markdown or structured JSON through xparse-cli. Use when a user asks to read, co516skills.sh installs
2hkuds avatarcli-anything-iterm2-ctlhkuds/cli-anythingProvides the cli-anything-iterm2 commands — the only way to actually send text to iTerm2 sessions, read live terminal output and scrollback history, manage wind512skills.sh installs
3aj-geddes avatarinteraction-designaj-geddes/useful-ai-promptsDesign meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design510skills.sh installs
4parcadei avatarhook-developerparcadei/continuous-claude-v3Complete Claude Code hooks reference - input/output schemas, registration, testing patterns506skills.sh installs
5freestylefly avatarcanghe-format-markdownfreestylefly/canghe-skillsFormats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use when user asks to "format markdown", "beau505skills.sh installs
6jezweb avataraccessibilityjezweb/claude-skillsBuild WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboar505skills.sh installs