VisActor Skills — графики, дашборды и постеры
VisActor Skills
Девять скиллов VisActor: бизнес-графики, истории из данных, дашборды с картами и постеры, которые собирает агент
- 473 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скрипты на Python и Node.js запускаются на вашей машине, а страницы подтягивают библиотеки и шрифты с CDN
- Постеры о людях собираются из фото и фактов: права на изображения и точность данных проверяет автор
Установка
- Работает в
Ручная установка
npx skills add VisActor/skills --skill chart-assistantПодставьте имя нужного скилла вместо `chart-assistant` и выберите Claude Code в вопросах установщика.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скрипты на Python и Node.js запускаются на вашей машине, а страницы подтягивают библиотеки и шрифты с CDN
- Постеры о людях собираются из фото и фактов: права на изображения и точность данных проверяет автор
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор из девяти скиллов от команды VisActor для Claude Code, Codex и других агентов со скиллами. Каждый скилл ставится отдельно и приносит инструкции, справочники и скрипты. Для аналитики есть `chart-assistant` (бизнес-графики с пометками и прозрачные PNG), `chart-storytelling` (отчет или брифинг как HTML-история либо Web-PPT с прокруткой и подсветкой данных) и три дашборда: компактный `visactor-light-dashboard`, с двумерной картой и с трехмерным глобусом. `visactor-chart-editor` добавляет редактор графика с перетаскиванием полей. Для публикаций предназначены `editorial-magazine` (серия постов в журнальном стиле, HTML и PNG), `life-chronicle` (биографический постер с лентой времени) и `person-poster` (постер о человеке с графиками VChart). Скиллы для графиков и таблиц VChart и VTable лежат в репозиториях самих библиотек.
Для кого. Аналитикам, продакт-менеджерам и редакторам, которые превращают таблицу или статью в отчет, дашборд или картинки для публикации без ручной верстки.
Подходит, если
- Есть CSV с динамикой удержания, и руководителю роста нужна HTML-история с пояснениями к каждому графику
- Данные по регионам надо показать на интерактивной карте с метриками и записями рядом
- Статью с источниками надо превратить в серию картинок в журнальном стиле, которую потом можно править
- Отчет нужен в виде Web-PPT, который открывается в браузере
Не подходит, если
- Нужен файл `.pptx`: Web-PPT из `chart-storytelling` запускается только в браузере
- Данные закрытые и их нельзя загружать с CDN-библиотеками: страницы подтягивают VChart, VTable, GSAP и шрифты из сети
- Нужны графики для библиотеки VChart в вашем коде: для этого есть отдельные скиллы в репозиториях VChart и VTable
Пример запроса к агенту
Используй chart-storytelling: объясни по этому CSV, как менялось удержание, и собери HTML-историю для руководителя ростаОграничения
Нужны агент с доступом к файлам и оболочке и собственный доступ к моделям, для установки из командной строки еще Node.js и npm. Картинки ищет, генерирует и вырезает сам агент, в скиллах такого нет.
Требования у скиллов разные. `chart-assistant` просит Node.js 18 и выше, `chart-storytelling` просит Python 3.10 и Node.js. `editorial-magazine` и `life-chronicle` просят Python 3.10, зависимости из `requirements.txt` и Chromium или Chrome для PNG. `person-poster` просит Pillow и Playwright.
Генерируемые HTML и JavaScript выполняются как код. Проверяйте чужие материалы, прежде чем открывать их в браузере.
Как отключить. Удалите папку нужного скилла из каталога скиллов агента, например `.claude/skills/chart-storytelling`. Результаты работы лежат отдельно в проекте и останутся.
Частые вопросы
Как поставить скиллы VisActor в Claude Code?
Выполните в папке проекта `npx skills add VisActor/skills --skill chart-assistant`, подставив имя нужного скилла, и выберите Claude Code или Codex в вопросах установщика. Каждый скилл ставится отдельно.
Что делает chart-storytelling?
Превращает анализ данных в HTML-историю или Web-PPT. Сначала скилл готовит план в `plan.md`, вы его подтверждаете, затем строится сам продукт: страница с прокруткой, пометками на графиках и пояснениями.
Можно ли поставить скилл без командной строки?
Да. Скачайте ZIP нужного скилла из GitHub Releases (ресурс вида `chart-storytelling.zip`, а не архив исходников) и импортируйте его в WorkBuddy или Doubao Work через управление скиллами.
Где взять скиллы для VChart и VTable?
В репозиториях `VisActor/VChart` и `VisActor/VTable`. Команды: `npx skills add VisActor/VChart --skill vchart-development-assistant` и `npx skills add VisActor/VTable --skill vtable-development-assistant`.
Нужны ли ключи API?
Скиллы сами ключей не просят. Доступ к модели, поиск и генерацию картинок дает агент, в котором скилл работает.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыAntV Chart Visualization Skills
chart-visualization-skills
Скиллы визуализации данных от AntV: подбор типа графика и построение. Репозиторий принимает только AI-код. CLI antv
Скилл подбирает научный график под цель и данные CSV или Excel из почти сотни шаблонов и выдает PNG, SVG, PDF и код на Python.
Скилл визуализации данных для агентов: превращает данные в аккуратные интерактивные HTML-графики и целые отчеты с единым визуальным языком
SciPilot Figure
scipilot-figure-skill
Скилл-советник по научной визуализации: сначала разбирает данные и подбирает тип графика под вывод, потом рисует его на уровне журнальных требований
Скилл для Claude Code и Codex: строит график по вашим данным в стиле рисунка из научной статьи
Скилл для научных графиков по канонам Nature, Cell и Science: 29 типов, проверка данных и векторный PDF на выходе.
Коротко о README
Страница проекта перечисляет девять скиллов с задачами, три способа установки (через агента, `npx skills add` и ZIP из Releases), требования к окружению и примеры запросов. Есть галерея примеров с исходными данными и результатами. Лицензия MIT.
Бейдж для README
Исходный SKILL.md
---
name: chart-storytelling
description: >
将数据分析转化为图文结合、便于分享的 HTML 数据故事或 Web-PPT。
适用于制作分析报告、业务简报和数据专题，尤其适合图表滚动叙事：随滚动逐步呈现数据与解读，
配合图表标注突出关键数据、变化和结论，帮助受众理解趋势、差异与构成；也支持网页演示。
---
# 图表叙事（Chart Storytelling）
以图表组织证据，使用预设章节模式将数据分析转化为 HTML 故事或 Web-PPT，先产出可跨产物复用的 `plan.md`，再由对应的 build 模块生成具体产物。核心架构：**共享叙事设计（Phase 1-3）+ 按产物执行 Build（Phase 4）**。
## 核心定义
Data Story = **Data**（洞察证据）+ **Narrative**（认知路径）+ **Visuals**（视觉呈现）
数据叙事不是"把分析结果视觉化"，而是把三者组合成一个让特定受众更快理解、更容易决策的产品。
真正的数据故事必须同时回答：
1. 读者最关心什么问题？
2. 哪些证据足以回答这个问题？
3. 页面如何安排顺序，让读者几乎不需要"自我翻译"就能看懂？
---
## 架构概览
```
Phase 1-3（共享叙事核心）
理解 → 数据分析 → 叙事设计
↓
plan.md
故事元信息 + 证据骨架 + 章节基础结构 + 样式选择
↓
用户确认 plan.md
↓
Phase 4: Build（按目标产物加载对应 build 模块）
↓
build-html/ | build-ppt/
↓