Lieflat Charts

Скилл визуализации данных для агентов: превращает данные в аккуратные интерактивные HTML-графики и целые отчеты с единым визуальным языком

Скилл

Низкий риск

Низкий уровень ставим, когда запись в основном дает агенту инструкции и справочные материалы.

Почему такой уровень

  • Скилл состоит из шаблонов и правил и на выходе дает HTML-файлы
Все причины и проверки

larashero3-dotcom/lieflat-charts

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/lieflat-charts

Определит агенты на машине, проверит риск и зафиксирует версию.

Другие способы установки

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a claude-code -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a cursor -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a github-copilot -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a codex -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a gemini-cli -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a cline -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a roo -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Форк Roo Code, папки .roo те же.

Выполните в терминале в папке проекта

npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts -a opencode -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Понадобится: Node.js

Сверено с репозиторием 25 сент. 2026, коммит eace082.

Текст для агента

Установи скилл одной командой: npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts. Или склонируй репозиторий в ~/.claude/skills/lieflat-charts и проверь, что на месте SKILL.md, templates/, catalog.md и mono-tokens.js.

Другие способы из описания автора
npx skills add https://github.com/larashero3-dotcom/lieflat-charts --skill lieflat-charts

Одна команда ставит скилл в каталог скиллов агента.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл дает агенту готовые шаблоны и правила, чтобы из ваших данных собрать одностраничный HTML-график или целый отчет. Есть три семейства графиков: Lupi для подробных редакционных материалов с тонкими линиями и аннотациями, Glance для дашбордов и быстрого чтения крупными числами и блоками, и базовые формы вроде столбцов, линий, областей, кольца и точек, пересобранные в едином стиле. Отдельно идут интерактивные визуализации для сетей, путей и плотных потоков, а также двенадцать шаблонов целых отчетов на русскоязычной верстке недоступны, но есть версии на китайском и английском. По умолчанию скилл рисует график, а не отчет, начинает с серой монохромной палитры и сам подбирает цветовой пресет по смыслу данных. В одном файле используется одна цветовая система, а реальные единицы данных, заголовки, аннотации и источники остаются частью визуализации.

Для кого. Для аналитиков, маркетологов, редакторов и всех, кому нужны опрятные графики и отчеты без ручной верстки.

Подходит, если

  • Нужно превратить набор данных или CSV в аккуратные HTML-графики
  • Нужен целый отчет или одностраничник на основе готовых шаблонов
  • Нужна интерактивная схема сети, путей или плотного потока данных

Не подходит, если

  • Нужен график прямо внутри своего приложения на конкретном фреймворке, а не отдельный HTML-файл
  • Материалы нужны только на русском: шаблоны отчетов идут на китайском и английском

Пример запроса к агенту

Собери из этих данных пять графиков для лонгрида, сначала сравни Lupi Editorial и Lupi Basics

Ограничения

Скилл выдает самостоятельные HTML-файлы, а не компоненты для конкретного фреймворка. Графики на чистом SVG открываются офлайн, а варианты на Chart.js, ECharts, с картами GeoJSON или онлайн-шрифтами требуют сети, если зависимости не встроены в файл. Шаблоны отчетов есть на китайском и английском, смешивать языки в одной версии нельзя. Автор просит указывать авторство при публичном распространении готовых материалов. Карты включаются только по явному запросу.

Как отключить. Удалите папку lieflat-charts из каталога скиллов агента, например из ~/.claude/skills или ~/.codex/skills.

Проверка безопасности

  • Скилл состоит из шаблонов и правил и на выходе дает HTML-файлы

Коротко о README

README описывает скилл визуализации данных и генерации отчетов в формате Agent Skills, совместимый с moxt, Claude Code, Codex и другими агентами, которые поддерживают SKILL.md. Скилл строится вокруг единого визуального языка и предлагает три семейства графиков, интерактивные схемы и двенадцать шаблонов целых отчетов на китайском и английском. По умолчанию выводится график, а не отчет, палитра начинается с монохрома и подбирается по смыслу данных. Установка идет командой npx skills add или клонированием репозитория в каталог скиллов агента. Чистые SVG работают офлайн, часть шаблонов требует сети.

SKILL.md

---
name: lieflat-charts
description: 一套模板驱动的数据可视化与报告生成 skill,既能严格从 Lupi、Basics、Glance、Maps 与 Interactive gallery 的真实实现生成 HTML 图表,也能从 12 套中英文整页报告模板生成可发布的 HTML 报告;以 Mono 为保底,能按数据语义自动选择内置彩色预设,也支持用户明确提供的自定义色板。地图仅在用户明确要求时启用,同一交付禁止混用色系。
---

# Lieflat Charts — 图表品味法典

Lieflat Charts 是一套遵循 Agent Skills 格式的数据可视化与报告生成 skill,以 Mono 灰阶为保底,也会在数据语义和使用场景明确适配时自动选择一套彩色预设。本 skill 在 moxt.ai 制作,支持 Lupi 编辑叙事型、Glance 快速判断型、Basics 基础编辑型、Maps 地图、Interactive 交互大图,以及 report-catalog.md 中的 12 套中英文整页报告模板。

Частые вопросы

График получится сразу или сначала отчет?

По умолчанию скилл делает график. Отчет по одному из двенадцати шаблонов он собирает, только если явно попросить отчет, годовой отчет, белую книгу, постер и подобное.

Нужна ли сеть, чтобы открыть результат?

Графики на чистом SVG работают офлайн. Варианты на Chart.js, ECharts, с картами или онлайн-шрифтами требуют сети, если зависимости не встроены в файл.

Выбор редакции

166 скиллов для научных задач: биоинформатика, хемоинформатика, клинические данные, геоданные и доступ к 100+ базам

СкиллСредний риск47 тыс.Звезды репозитория
Официальный

Открытый MCP-сервер Google для баз данных: готовые инструменты для Postgres, MySQL, BigQuery, Spanner и других, плюс свои инструменты в tools.yaml

MCP-серверВысокий риск16,5 тыс.Звезды репозитория
Выбор редакции

Официальные скиллы Hugging Face: работа с Hub через CLI hf, датасеты, обучение моделей, Spaces, оценка и деплой

СкиллВысокий риск11,1 тыс.Звезды репозитория
Официальный

Язык визуализации для агентов и MCP-сервер: из простой семантической спецификации собираются аккуратные графики

MCP-серверСредний рискБез VPN4,3 тыс.Звезды репозитория
Foxx AILieflat Charts

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.