Public story · 2026-07-02 · high
Claude Code Ships a /dataviz Skill for Charts
It includes a runnable palette validator that catches contrast and color problems before code runs, in light and dark mode.
Why now: It's listed in Claude Code's changelog as of July 2, 2026, while most chart-generation workflows still skip a color-accessibility check entirely.
Story
Claude Code added a /dataviz skill that checks chart color palettes for contrast and accessibility problems before you write matplotlib, Recharts, d3, or SVG code, per the changelog. Models get these colors wrong by default: a categorical palette that looks fine to the person prompting it can be unreadable to someone with color vision deficiency, and most teams don't catch it until a user complains.
The skill isn't just written guidance. It ships with a runnable palette validator you invoke before generating a chart, and it checks contrast and categorical-color problems in both light and dark themes.
Run it ahead of the chart code, not after. That's the whole pitch: catch the color problem at generation time instead of during a design review, or worse, after launch.
Teams that skip /dataviz and generate charts straight from a prompt will ship at least one contrast bug that a user catches before a reviewer does. Accessible-by-default is cheaper than fixing colors after launch, and now there's a command that makes default mean something instead of a checklist item nobody runs.
It's listed in Claude Code's changelog as of July 2, 2026, while most chart-generation workflows still skip a color-accessibility check entirely.
Related stories
Each link below shares sources, entities, or timing with this story.
Shared entities / Same source / Shared topic
Claude Code ships a dataviz skill with a color validator
Both cover Claude Code, Invoke; cite the same source (skill); overlapping topics (catch, chart, claude, code, color).
Shared entity: Claude Code / Same source / Shared topic / Earlier coverage
Claude Code's June 17 changelog adds `/config key=value`, a presence file, and an Apple Events opt-in.
Both cover Claude Code; cite the same source (skill); overlapping topics (claude, code, inline).
Claude Code v2.1.194–195 adds trusted-device gating and a flag to kill mouse clicks.
Both cover Claude Code; cite the same source (skill); overlapping topics (claude, code).
Claude Code v2.1.193 adds shell-classifier routing and response telemetry; the June 25 build kills two long-standing footguns.
Both cover Claude Code; cite the same source (skill); overlapping topics (claude, code).
Claude Code 2.1.191 makes `/rewind` resume from before a `/clear`.
Both cover Claude Code; cite the same source (skill); overlapping topics (claude, code).
Claude Code's fallbackModel chains up to three models for resilience.
Both cover Claude Code; cite the same source (skill); overlapping topics (claude, code).
Claude Code's June updates doubled rate limits and added nested skills.
Both cover Claude Code; cite the same source (skill); overlapping topics (claude, code).
Claude Code ships nested subagents, five levels deep.
Both cover Claude Code; cite the same source (skill); overlapping topics (claude, code).
Source trail
Entities
Claim evidence
- Claude Code Ships a /dataviz Skill for Charts
Provenance
- Canonical issue
- 2026-07-02
- AI generated
- yes
- Story unit
- 2026-07-02-invoke-dataviz-before-writing-any-chart-code
- Labels
- source-backed, canonical briefing excerpt