7 шагов, 6 запретов и один валидатор: разбираю /dataviz в Claude Code

В сфере искусственного интеллекта произошло заметное событие. VitTurov 10 минут назад 7 шагов, 6 запретов и один валидатор: разбираю /dataviz в Claude Code Средний 10 мин 276 Визуализация данных * Искусственный интеллект Инфографика Обзор В начале июля в Claude Code появился встроенный скилл /dataviz. Я скормил ему датасет с рангами американских детских имён за 76 лет и один промпт. На выходе получил интерактивную страницу: график сам выбрал форму, палитра прошла математическую проверку, а наезжающие подписи модель нашла и починила без моего участия.

Страница живая, можно потрогать: inforobot. space/dataviz/baby‑names. В этой статье разберу, как скилл устроен изнутри: какие решения он жёстко запрещает, что именно проверяет валидатор палитры и где заканчивается его компетенция.

Технические детали

Что внутри и что унесёшь: процедура /dataviz из семи шагов и почему цвет в ней выбирается последним; шесть запретов, которые скилл не даёт нарушить; что считает validate_palette. js — OKLCH, цветовая слепота, WCAG — с цифрами реального прогона; какие решения модель приняла сама и как обосновала; одна ошибка модели в данных и вывод, какую часть работы делегировать нельзя. Что такое /datavizСкилл появился в Claude Code v2.

198 первого июля 2026 года. Он встроенный: идёт вместе с CLI, ставить ничего не нужно. Официальный changelog описывает его одной строкой:chart and dashboard design guidance with a runnable color-palette validatorЗа этой строкой скрывается любопытная конструкция.

Если заглянуть внутрь (скиллы в Claude Code — это обычные папки с файлами), увидишь три слоя:SKILL. md — процедура из семи шагов в жёстком порядке: от анализа данных до финального рендера. Модель обязана пройти их последовательно.

Отраслевые последствия

Reference‑файлы — справочники по формам графиков, палитрам и типографике, которые модель подгружает по мере надобности. scripts/validate_palette. js — исполняемый скрипт.

Ключевое слово — исполняемый: модель может проверить собственный выбор цветов кодом и получить объективный вердикт. Первый шаг процедуры — определить «работу данных»: что читатель должен сделать с графиком. Вариантов пять: magnitude (сравнить величины), identity (различить и проследить сущности), polarity (увидеть отклонение от нуля или нормы), headline (считать одно число), change‑over‑time (увидеть динамику).

Отдельно оговорено: иногда правильный ответ — вообще без графика, одна крупная цифра, stat tile. А цвет в процедуре идёт последним из дизайн‑решений — после него остаётся только рендер. Формулировка из SKILL.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.