Skip to main content
affpapa.org
RU EN
skill CX Codex

canghe-infographic — Claude Code skill for infographics

Turn a file or pasted text into an infographic. The skill examines the material, suggests layout and style pairings, and saves the result with its working files.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add freestylefly/canghe-skills --skill canghe-infographic -a claude-code
Open on GitHub

What canghe-infographic does

Give the skill a content file or paste in text. It examines the subject and data, then recommends combinations from a gallery of 20 layouts and 17 visual styles. Options cover structures such as comparisons, processes, and metrics.

The output goes into infographic/{topic-slug}/ and includes the source, analysis, structured content, a prompt, and infographic.png. Source material is kept verbatim rather than rewritten. Set the layout, style, proportions, and language with --layout, --style, --aspect, and --lang. If an EXTEND.md preferences file is present, the skill checks it for design preferences.

What it helps with

  • turn a Markdown file into an infographic
  • choose a layout for a comparison or process
  • set the visual style and image proportions
  • keep analysis files alongside the finished graphic

Example prompts for the agent

  • Create an infographic from path/to/content.md in portrait format.
  • Use a hierarchy layout with a technical schematic look: --layout hierarchical-layers --style technical-schematic.
  • Make a square infographic in English from this text: --aspect square --lang en.

How to install canghe-infographic

1Skills CLI (Vercel)

npx skills add freestylefly/canghe-skills --skill canghe-infographic -a claude-code

2Manually: put the files in place

~/.claude/skills/canghe-infographic/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/canghe-infographic/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about canghe-infographic

How do I install canghe-infographic in Claude Code?

Run npx skills add freestylefly/canghe-skills --skill canghe-infographic -a claude-code. The skill file is at ~/.claude/skills/canghe-infographic/SKILL.md.

What does canghe-infographic do?

It analyzes source material, suggests layout and style pairings, and produces an infographic with analysis and structured-content files.

Can I choose the layout, style, and aspect ratio?

Yes. Set them with --layout, --style, and --aspect; use --lang to choose a language. The default pairing is bento-grid with craft-handmade.

Similar skills

Everything for Design →
frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. 979,543installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. 850,344installs

From the same set10

canghe-comic Turns an article or note into a comic: panel layout, characters, generation prompts and a merged PDF. Useful when a topic needs pictures. CX Codex +1 578installs canghe-xhs-images Turns source material into a Xiaohongshu infographic series with selectable visual styles and layouts. Useful for posts, tutorials, and comparisons. CX Codex +1 569installs canghe-cover-image Analyzes articles to draft tailored image prompts and produce matching covers across multiple palettes and visual styles. Handy for blog authors and content teams. CX Codex +1 541installs canghe-markdown-to-html Converts Markdown files into styled HTML with inline CSS for WeChat articles. Handles code blocks, formulas, footnotes, and PlantUML diagrams. CX Codex +1 532installs canghe-article-illustrator Reads an article, finds the spots that need a visual, and generates illustrations along two axes: type and style. CX Codex +1 518installs release-skills Automates release versioning and multi-language changelog updates based on Git history. Works with Node.js, Python, Rust, and generic codebases. CX Codex +1 472installs flyworks-avatar-video This skill generates videos with Flyworks (HiFly) digital humans: public avatars with TTS, talking photos from a single image, and voice cloning. CX Codex +1 374installs paddleocr-doc-parsing Parses PDFs and images through PaddleOCR and returns text, tables, formulas, charts and reading order. Useful when you need the structure of a report or paper, not just raw text. CX Codex +1 369installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor