Agent skill

Visualize

by zai-org in zai-org/ZCode

Create visualizations and interactive tools directly in conversation.

Custom licenceAuto-check passedData & Analytics

Install Visualize

skills CLI
$ npx skills add zai-org/ZCode --skill visualize -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install zai-org/ZCode visualize --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/zai-org/ZCode.git skills-src && mkdir -p .claude/skills && cp -r skills-src/apps/zcode-cli/packages/visualize-plugin/skills/visualize .claude/skills/visualize && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
visualize
GitHub stars
7.7k
Token cost
~8.7k tokens
SKILL.md length
4,708 words
Files
27 (incl. scripts, references, assets)
Skills in repo
5
Repo updated
First seen
Licence
Custom licence

At a glance

Create visualizations and interactive tools directly in conversation.

  • Show how something works
  • SKILL.md covers Read the complete skill, Inline HTML output contract, Exporting an existing… and Runtime styles, plus 6 more sections
  • Runs JavaScript scripts from its folder; calls python3; reaches cdn.jsdelivr.net and esm.sh
  • Explore what happens when

What it does

Visualize is an agent skill from zai-org/ZCode. Create visualizations and interactive tools directly in conversation. Proactively use to show how something works; explore 'what happens when', 'what changes', or 'help me understand'; compare or inspect; create simulations, maps, charts, graphs, and mockups. Use standard tools for static scientific figures.

Its SKILL.md is about 8.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 29 other files, including scripts, reference files and assets (for example `LICENSE.md`, `assets/calendar.js` and `assets/runtime-manifest.json`).

It sits in Data & Analytics, covering Data visualization. The repository describes itself as: Z.ai's coding agent harness. Powerful, intelligent, extensible.

When your agent uses it

  • Show how something works
  • Explore what happens when
  • Help me understand
  • Create simulations

Example prompts

  • “what happens when”
  • “what changes”
  • “help me understand”
  • “/visualize”

Requirements

  • Python 3
  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit aac4755. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (JavaScript, from the files we listed), which the agent can run.

    Shell commands in SKILL.md call:

    • python3

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • cdn.jsdelivr.net
    • esm.sh

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Visualize loads about 8.7k tokens when it runs, and up to ~10k if it reads all its reference files. Until then it costs about 80 tokens; SKILL.md has 4,708 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~80
When it runs · the whole SKILL.md, loaded when a task matches
~8.7k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~10k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 4,708 words (~8,739 tokens).

“Read this file in full before authoring. Reread truncated ranges in smaller calls. Copy into every compaction summary: Reload the full visualize skill before creating or updating a visualization.”

— opening of SKILL.md by zai-org, Custom licence
name
visualize

Read the full SKILL.md on GitHub

Files

SKILL.md and 26 other files (scripts, references, assets) in apps/zcode-cli/packages/visualize-plugin/skills/visualize of zai-org/ZCode.

  • SKILL.md
  • LICENSE.md
  • assets/calendar.js
  • assets/runtime-manifest.json
  • assets/standalone-host-bridge.js
  • assets/standalone-shell.js
  • assets/vendor/d3-7.9.0.min.js
  • assets/vendor/d3-7.9.0.min.js.LICENSE
  • assets/vendor/floating-ui-core-1.7.3.min.js
  • assets/vendor/floating-ui-core-1.7.3.min.js.LICENSE
  • assets/vendor/floating-ui-dom-1.7.4.min.js
  • assets/vendor/floating-ui-dom-1.7.4.min.js.LICENSE
  • assets/vendor/lucide-1.17.0.js
  • assets/vendor/lucide-1.17.0.js.LICENSE
  • assets/vendor/manifest.json
  • assets/visualize.css
  • assets/visualize.html
  • examples/calendar.html
  • … and 9 more

Open the folder on GitHubat commit aac4755

Compare with similar skills

Visualize next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Visualize compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Visualize this skillzai-org/ZCode7.7k—~8.7kAutomated safety check: PassCustom licence
Scientific Figure MakingChenLiu-1996/figures4papers8.3k—~557Automated safety check: PassCustom licence
Academic Figure SkillTingxiYu/academic-figure-skill4831 repos~7kAutomated safety check: PassApache-2.0
Mathodology Figure Presetssweetcornna/mathodology305—~1kAutomated safety check: PassMIT
FigMirrorVILA-Lab/FigMirror521—~2.4kAutomated safety check: PassNone
Figure Libraryxuzhougeng/ScientificFigureLibrary110—~2.1kAutomated safety check: PassMIT

Similar skills

  • Scientific Figure Making

    ChenLiu-1996/figures4papers

    Covers publication-ready matplotlib figures for academic papers, slides, and reports—bars, trends, scatter, heatmaps, and multi-panel layouts—with this…

    8.3k GitHub stars~557 tokensUpdated yesterday
    Data & AnalyticsAuto-check passed
  • Academic Figure Skill

    TingxiYu/academic-figure-skill

    Academic-grade scientific figure creation for Nature/Cell/Science journals.

    483 GitHub starsUsed in 1 repo~7k tokens
    Data & AnalyticsAuto-check passed
  • Mathodology Figure Presets

    sweetcornna/mathodology

    A skill your agent uses when selecting, designing, generating or reviewing scientific figures, complex modeling charts, paper illustrations or image2-assisted visuals.

    305 GitHub stars~1k tokensUpdated 1 mo ago
    Data & AnalyticsAuto-check passed
  • FigMirror

    VILA-Lab/FigMirror

    Mirrors the visual style of a top-conference paper figure onto your own data, producing a camera-ready PDF and a self-contained matplotlib script.

    521 GitHub stars~2.4k tokensUpdated 10 days ago
    Data & AnalyticsAuto-check passed
  • Figure Library

    xuzhougeng/ScientificFigureLibrary

    Search, browse, select, import, review, publish, and materialize reusable scientific-figure assets through Scientific Figure Library.

    110 GitHub stars~2.1k tokensUpdated 2 days ago
    Data & AnalyticsAuto-check passed
  • Agent Figure Gallery

    Dsadd4/AgentFigureGallery

    Lets a plotting agent query a gallery of scientific figure references, show candidates for you to pick from, and export the chosen ones before it writes plot code.

    163 GitHub stars~643 tokensUpdated 1 mo ago
    Data & AnalyticsAuto-check passed

More from zai-org/ZCode

All 25 skills in this repo
  • DOCX

    zai-org/ZCode

    Complete DOCX document creation, editing, and analysis capabilities with support for revisions, comments, formatting preservation, and text extraction.

    7.7k GitHub stars~4.9k tokensUpdated today
    Auto-check: notes
  • PDF

    zai-org/ZCode

    Professional PDF toolkit covering four production workflows: reports, creative visuals, academic LaTeX, and existing PDF processing.

    7.7k GitHub stars~18k tokensUpdated today
    Auto-check: notes
  • A skill your agent uses when ZCode needs to inspect, plan, or execute restoration of old ACP-era ZCode sessions from ~/.zcode/v2/sessions into the new ZCode task/session stores.

    7.7k GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Generate, verify, or remove large synthetic ZCode task fixtures in local ~/.zcode persistence for UI/session performance testing.

    7.7k GitHub stars~698 tokensUpdated today
    Auto-check passed
  • Check ZCode module and layer boundaries for code changes. An agent skill from zai-org/ZCode.

    7.7k GitHub stars~1.3k tokensUpdated today
    Auto-check passed
  • XLSX

    zai-org/ZCode

    Use this skill any time a spreadsheet file is the primary input or output.

    7.7k GitHub starsUsed in 1 repo~4.4k tokens
    Auto-check: notes

Questions about Visualize

What does Visualize do?

Create visualizations and interactive tools directly in conversation. Visualize is an agent skill from zai-org/ZCode. Create visualizations and interactive tools directly in conversation.

When should I use Visualize?

Visualize fits situations like: show how something works; explore what happens when; help me understand; create simulations.

How do I install Visualize in Claude Code?

Run `npx skills add zai-org/ZCode --skill visualize -a claude-code`. Or copy the skill folder (apps/zcode-cli/packages/visualize-plugin/skills/visualize in zai-org/ZCode) into .claude/skills/visualize in your project. Claude Code loads it when a task matches its description.

How do I install Visualize in Codex?

Run `npx skills add zai-org/ZCode --skill visualize -a codex`. Or copy the skill folder (apps/zcode-cli/packages/visualize-plugin/skills/visualize in zai-org/ZCode) into .agents/skills/visualize in your project. Codex loads it when a task matches its description.

Can I use Visualize in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add zai-org/ZCode --skill visualize -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/visualize, .gemini/skills/visualize, .github/skills/visualize and .opencode/skills/visualize in your project.

What does Visualize need to run?

Going by SKILL.md and its folder, Visualize needs JavaScript for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: Python 3; Node.js.

Does Visualize access the network?

SKILL.md names 2 domains. In commands or code: cdn.jsdelivr.net and esm.sh; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.

Is Visualize safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Visualize use?

Visualize has a licence file (from the LICENSE file in the skill folder) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Visualize use?

About 8.7k tokens (SKILL.md is roughly 35k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.7k tokens, read only when the agent opens those files.

What are the alternatives to Visualize?

Skills that share tags, products or a category with Visualize: Scientific Figure Making (ChenLiu-1996/figures4papers, 8.3k stars), Academic Figure Skill (TingxiYu/academic-figure-skill, 483 stars), Mathodology Figure Presets (sweetcornna/mathodology, 305 stars) and FigMirror (VILA-Lab/FigMirror, 521 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Visualize?

zai-org (a GitHub organization) maintains it in zai-org/ZCode, which has 7,659 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on October 10, 2026.

Source: zai-org/ZCode on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.