Skip to content
appsgit

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 604 GitHub stars.

github.com/Classic298/open-webui-plugins/inline-visualizer-v2 (opens in a new tab)

Data as of from the GitHub API; description from the skill's SKILL.md. Report an error

View on GitHub (opens in a new tab)

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 project

In 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 projects

Standalone 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 projects

Source (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

All Data & analysis

FAQ

Visualize FAQ

Still curious? Email info@appsgit.com.

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 18, 2026. Its latest release is v1.0.45. appsgit only lists skills from repositories with a commit in the last six months.