Use Case
Interactive Infographic is a powerful AI agent skill that extends your assistant with new capabilities. Powerful AI automated drawing and complex information visualization tool (based on ContextWeave). It not only supports the visualization of code and system architecture, but is also widely applicable to the generation of complex logic sorting, knowledge base conversion, business process diagrams, mind maps and structured information graphics of long texts. Through in-depth semantic analysis and request orchestration, obscure texts and complex knowledge are transformed into clear and intuitive graphical expressions with one click. This guide walks you through installing Interactive Infographic, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install Interactive Infographic: npx clawhub@latest --dir ~/.claude/skills install interactive-infographic
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to data & analytics to trigger Interactive Infographic
Review the output and refine your prompt for better results
Combine Interactive Infographic with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing Interactive Infographic
Help me get started with Interactive Infographic
What can Interactive Infographic do for my data & analytics workflow?
Show me an example of using Interactive Infographic
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install interactive-infographicOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install interactive-infographicβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/interactive-infographic/π‘Extract and place the folder at the path above, then restart your agent.