New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Visualization Builder

by nimrodfisher in nimrodfisher/data-analytics-skills

Create effective, publication-ready data visualizations. An agent skill from nimrodfisher/data-analytics-skills.

MITAuto-check passedData & Analytics

Install Visualization Builder

skills CLI
$ npx skills add nimrodfisher/data-analytics-skills --skill visualization-builder -a claude-code

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

GitHub CLI
$ gh skill install nimrodfisher/data-analytics-skills visualization-builder --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/nimrodfisher/data-analytics-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/04-data-storytelling-visualization/visualization-builder .claude/skills/visualization-builder && 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
visualization-builder
GitHub stars
465
Token cost
~795 tokens
SKILL.md length
392 words
Files
5 (incl. scripts, references, assets)
Skills in repo
31
Repo updated
First seen
Licence
MIT

At a glance

Create effective, publication-ready data visualizations. An agent skill from nimrodfisher/data-analytics-skills.

  • Works in 6 steps: Identify the message type — classify the… → Select and load the data — confirm the… → Build the base chart — use… → …
  • Choosing chart types
  • Runs Python scripts from its folder
  • Designing presentation visuals

What it does

Visualization Builder is an agent skill from nimrodfisher/data-analytics-skills. Create effective, publication-ready data visualizations. Use when choosing chart types, designing presentation visuals, building dashboard charts, or applying visual design best practices to data output.

Its SKILL.md is about 800 tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including scripts, reference files and assets (for example `assets/viz_spec_template.md`, `references/chart_selection_guide.md` and `references/visual_design_principles.md`).

It sits in Data & Analytics, covering Data visualization, UI design and Storytelling. The repository describes itself as: A comprehensive list of Claude & Codex skills for a wide range of data analytics tasks. The licence is MIT.

When your agent uses it

  • Choosing chart types
  • Designing presentation visuals
  • Building dashboard charts
  • Applying visual design best practices to data output

Example prompts

  • “/visualization-builder”

Requirements

  • Python 3

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Identify the message type — classify the chart's purpose: comparison (bar), trend over time (line), composition / part-of-whole (stacked…
  2. Select and load the data — confirm the data is at the right grain for the chart. Aggregations (e.g., groupby month) should happen before…
  3. Build the base chart — use scripts/chart_builder.py with pre-set professional styling (whitegrid, sans-serif, accessible color palette)…
  4. Apply visual hierarchy — make the most important data element visually dominant (bolder line, darker bar, distinct color). De-emphasise…
  5. Annotate for the reader — add a descriptive title that states the finding ("Mobile churn is 2× desktop"), not the variable names ("Churn…
  6. Export and validate — export at 300 DPI for print or 150 DPI for web. View the chart at the intended display size. Check: is the key…

What it can do on your machine

Read from SKILL.md and the folder at commit 9449d36. 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/ (Python), which the agent can run.

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

  • Network

    No URLs in SKILL.md.

    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

Visualization Builder loads about 795 tokens when it runs, and up to ~2.3k if it reads all its reference files. Until then it costs about 56 tokens; SKILL.md has 392 words of instructions outside code blocks.

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

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

The full file from nimrodfisher/data-analytics-skills at commit 9449d36, republished under its MIT licence (© nimrodfisher). 392 words, ~795 tokens.

Download SKILL.mdSave it as .claude/skills/visualization-builder/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
name
visualization-builder
description
Create effective, publication-ready data visualizations. Use when choosing chart types, designing presentation visuals, building dashboard charts, or applying visual design best practices to data output.

Visualization Builder

When to use

  • Choosing the right chart type for a specific analytical message
  • A chart exists but is cluttered, misleading, or failing to make the point
  • Building a chart for an executive presentation that must work without verbal explanation
  • Producing consistent, branded visualisations across a report or dashboard
  • Creating accessible charts that work for colorblind viewers or screen readers

Process

  1. Identify the message type — classify the chart's purpose: comparison (bar), trend over time (line), composition / part-of-whole (stacked bar, pie only for 2–3 categories), distribution (histogram, box plot), or relationship (scatter). The message type determines the chart type. See references/chart_selection_guide.md.
  2. Select and load the data — confirm the data is at the right grain for the chart. Aggregations (e.g., groupby month) should happen before plotting, not inside the chart library.
  3. Build the base chart — use scripts/chart_builder.py with pre-set professional styling (whitegrid, sans-serif, accessible color palette). Set axes, ticks, and scale deliberately — default settings are often wrong.
  4. Apply visual hierarchy — make the most important data element visually dominant (bolder line, darker bar, distinct color). De-emphasise secondary series. Remove every element that doesn't contribute to the message (gridlines at 0.2 alpha, no top/right spines). See references/visual_design_principles.md.
  5. Annotate for the reader — add a descriptive title that states the finding ("Mobile churn is 2× desktop"), not the variable names ("Churn by device type"). Annotate key data points, thresholds, and reference lines directly on the chart. Add a data source and date.
  6. Export and validate — export at 300 DPI for print or 150 DPI for web. View the chart at the intended display size. Check: is the key message legible in under 5 seconds? Does it work in greyscale? Complete assets/viz_spec_template.md if the chart is part of a larger deliverable.
Show full SKILL.md (101 more words)Show less

Inputs the skill needs

  • The data to be visualised (at the correct aggregation grain)
  • The single key message the chart must communicate
  • The audience (technical or executive) and the display context (presentation slide, report, dashboard, email)
  • Brand colors or style guidelines if applicable
  • Any accessibility requirements (colorblind palette, alt text)

Output

  • scripts/chart_builder.py — creates professional matplotlib/seaborn charts with pre-set styling, annotation helpers, and export settings
  • references/chart_selection_guide.md — which chart type for which message; common chart mistakes and how to fix them
  • references/visual_design_principles.md — color, typography, hierarchy, annotation, and accessibility principles
  • assets/viz_spec_template.md — spec template for a chart: message, data source, chart type, annotations, export requirements

© nimrodfisher, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 4 other files (scripts, references, assets) in 04-data-storytelling-visualization/visualization-builder of nimrodfisher/data-analytics-skills.

  • SKILL.md
  • assets/viz_spec_template.md
  • references/chart_selection_guide.md
  • references/visual_design_principles.md
  • scripts/chart_builder.py

Open the folder on GitHubat commit 9449d36

Compare with similar skills

Visualization Builder 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.

Visualization Builder compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Visualization Builder this skillnimrodfisher/data-analytics-skills465—~795Automated safety check: PassMIT
Vue Data UI Skilldskilld-dev/vue-ecosystem-skills181—~1.4kAutomated safety check: PassMIT
Data Visualization PrinciplesHack23/cia239—~2kAutomated safety check: PassApache-2.0
Visualization Patternsai-analyst-lab/ai-analyst304—~5.5kAutomated safety check: PassMIT
Visual Designaws-samples/sample-strands-agent-with-agentcore194—~1.5kAutomated safety check: PassMIT
Mvizmatsonj/mviz226—~11kAutomated safety check: PassNone

Similar skills

  • Vue Data UI Skilld

    skilld-dev/vue-ecosystem-skills

    A user-empowering data visualization Vue 3 components library (69 components) for eloquent data storytelling.

    181 GitHub stars~1.4k tokensUpdated 15 days ago
    Data & AnalyticsAuto-check passed

  • Data Visualization Principles

    Hack23/cia

    Chart selection, color theory, dashboard design, and data storytelling principles for political transparency data

    239 GitHub stars~2k tokensUpdated yesterday
    Data & AnalyticsAuto-check passed

  • Visualization Patterns

    ai-analyst-lab/ai-analyst

    Apply whenever you generate any chart, graph, or data visualization — from SQL results, in the chart-maker agent, in decks, or on "make a chart / visualize / plot / dashboard" requests.

    304 GitHub stars~5.5k tokensUpdated 7 days ago
    Data & AnalyticsAuto-check passed

  • Visual Design

    aws-samples/sample-strands-agent-with-agentcore

    Official

    Use this skill any time the user needs a visual output as an image or PDF — charts, diagrams, posters, infographics, abstract artwork, or any visual design.

    194 GitHub stars~1.5k tokensUpdated yesterday
    Media & CreativeAuto-check passed

  • Mviz

    matsonj/mviz

    A chart & report builder for AI. An agent skill from matsonj/mviz.

    226 GitHub stars~11k tokensUpdated 4 mo ago
    Data & AnalyticsAuto-check passed

  • Dataviz Design Guidance

    QwenLM/qwen-code

    Guides chart, dashboard and map design: pick the simplest form for the question, state the finding in the title, and check palettes with a local validator.

    28k GitHub stars~514 tokensUpdated today
    Data & AnalyticsAuto-check passed

More from nimrodfisher/data-analytics-skills

All 31 skills in this repo

  • Ab Test Analysis

    nimrodfisher/data-analytics-skills

    Rigorous A/B test statistical analysis. An agent skill from nimrodfisher/data-analytics-skills.

    465 GitHub stars~708 tokensUpdated 12 days ago
    Auto-check passed

  • Analysis Assumptions Log

    nimrodfisher/data-analytics-skills

    Track and document analytical assumptions and decisions. An agent skill from nimrodfisher/data-analytics-skills.

    465 GitHub stars~578 tokensUpdated 12 days ago
    Auto-check passed

  • Analysis QA Checklist

    nimrodfisher/data-analytics-skills

    Pre-delivery quality assurance for analysis work. An agent skill from nimrodfisher/data-analytics-skills.

    465 GitHub stars~470 tokensUpdated 12 days ago
    Auto-check passed

  • Business Metrics Calculator

    nimrodfisher/data-analytics-skills

    Standard business metric calculation with industry benchmarks.

    465 GitHub stars~668 tokensUpdated 12 days ago
    Auto-check passed

  • Cohort Analysis

    nimrodfisher/data-analytics-skills

    Time-based cohort analysis with retention and behaviour tracking.

    465 GitHub stars~660 tokensUpdated 12 days ago
    Auto-check passed

  • Context Packager

    nimrodfisher/data-analytics-skills

    Efficiently package context for AI-assisted analysis. An agent skill from nimrodfisher/data-analytics-skills.

    465 GitHub stars~500 tokensUpdated 12 days ago
    Auto-check passed

Categories

Questions about Visualization Builder

What does Visualization Builder do?

Create effective, publication-ready data visualizations. An agent skill from nimrodfisher/data-analytics-skills. Visualization Builder is an agent skill from nimrodfisher/data-analytics-skills. Create effective, publication-ready data visualizations.

When should I use Visualization Builder?

Visualization Builder fits situations like: choosing chart types; designing presentation visuals; building dashboard charts; applying visual design best practices to data output.

How do I install Visualization Builder in Claude Code?

Run `npx skills add nimrodfisher/data-analytics-skills --skill visualization-builder -a claude-code`. Or copy the skill folder (04-data-storytelling-visualization/visualization-builder in nimrodfisher/data-analytics-skills) into .claude/skills/visualization-builder in your project. Claude Code loads it when a task matches its description.

How do I install Visualization Builder in Codex?

Run `npx skills add nimrodfisher/data-analytics-skills --skill visualization-builder -a codex`. Or copy the skill folder (04-data-storytelling-visualization/visualization-builder in nimrodfisher/data-analytics-skills) into .agents/skills/visualization-builder in your project. Codex loads it when a task matches its description.

Can I use Visualization Builder 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 nimrodfisher/data-analytics-skills --skill visualization-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/visualization-builder, .gemini/skills/visualization-builder, .github/skills/visualization-builder and .opencode/skills/visualization-builder in your project.

What does Visualization Builder need to run?

Going by SKILL.md and its folder, Visualization Builder needs Python for the scripts in its folder. Our summary lists: Python 3.

Does Visualization Builder access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Visualization Builder 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 Visualization Builder use?

Visualization Builder is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Visualization Builder use?

About 795 tokens (SKILL.md is roughly 3.2k 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.5k tokens, read only when the agent opens those files.

What are the alternatives to Visualization Builder?

Skills that share tags, products or a category with Visualization Builder: Vue Data UI Skilld (skilld-dev/vue-ecosystem-skills, 181 stars), Data Visualization Principles (Hack23/cia, 239 stars), Visualization Patterns (ai-analyst-lab/ai-analyst, 304 stars) and Visual Design (aws-samples/sample-strands-agent-with-agentcore, 194 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Visualization Builder?

nimrodfisher (a GitHub user) maintains it in nimrodfisher/data-analytics-skills, which has 465 GitHub stars. The repository holds 31 skills in this directory. The repository was last updated on September 25, 2026.

Source: nimrodfisher/data-analytics-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.