Visualize
Visualize is an agent skill (a SKILL.md file) from Classic298/open-webui-plugins. Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, and interactive explainers — directly inline in chat using visualize(). It works with Claude Code and has 575 GitHub stars.
github.com/Classic298/open-webui-plugins/inline-visualizer-v2 (opens in a new tab)
- Data & analysis
- Actively maintained
Add this skill
Claude
Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):
git clone --depth 1 https://github.com/Classic298/open-webui-plugins.git
cp -r open-webui-plugins/inline-visualizer-v2 ~/.claude/skills/visualize # personal, or .claude/skills in a projectIn the Claude apps, zip the visualize folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/Classic298/open-webui-plugins.git
cp -r open-webui-plugins/inline-visualizer-v2 .agents/skills/visualize # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/Classic298/open-webui-plugins.git
cp -r open-webui-plugins/inline-visualizer-v2 .cursor/skills/visualize # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, and interactive explainers — directly inline in chat using visualize(). Use only when the user explicitly asks for a visualization, diagram, chart, graph, drawing, map, dashboard, or similar visual artifact. Do not use for ordinary markdown, code blocks, file previews, or answer formatting This is the handbook/tutorial on how to use the visualizer tool.
When it triggers
- Use only when the user explicitly asks for a visualization, diagram, chart, graph, drawing, map, dashboard, or similar visual artifact.
Similar skills
More data & analysis skills
Migration
JuliusBrussee/caveman
Implement reversible compatibility-safe transitions.
Data & analysisGoDating Web
nexu-io/open-design
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block.
Data & analysisTypeScriptDcf Valuation
nexu-io/open-design
Discounted cash flow valuation and intrinsic value analysis for public companies.
Data & analysisTypeScriptFlowai Live Dashboard Template
nexu-io/open-design
Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity…
Data & analysisTypeScriptHow It Works
thedotmack/claude-mem
Explain how claude-mem captures observations, when memory injection kicks in, and where data lives.
Data & analysisTypeScriptWeekly Digests
thedotmack/claude-mem
Generate a serial week-by-week narrative digest of a project's full claude-mem timeline.
Data & analysisTypeScript
What is the Visualize skill?
Visualize is an agent skill (a SKILL.md file) from Classic298/open-webui-plugins. Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, and interactive explainers — directly inline in chat using visualize(). It works with Claude Code and has 575 GitHub stars. Its SKILL.md lives at github.com/Classic298/open-webui-plugins/inline-visualizer-v2.
How do I install the Visualize skill?
Copy the visualize folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.
Is the Visualize skill free?
Yes. The repository is open source under the BSD-3-Clause license.
Is Visualize maintained?
The repository's most recent commit was on Oct 5, 2026. Its latest release is v1.0.41. appsgit only lists skills from repositories with a commit in the last six months.