rhp — скилл
Скилл и проверка графиков rhp учат агента делать диаграммы из HTML-элементов на SolidJS и сверять их на разных ширинах.
- 65 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Проверка открывает графики в браузере и запускает код страницы.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/rhpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Проверка открывает графики в браузере и запускает код страницы.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
rhp строит графики из HTML-элементов, расставленных через CSS, на SolidJS, без SVG и canvas. Строку данных описывает шаблон slat из блоков Bar, Dot, Tick, Label, Cell, Place, Area и Line, а при изменении значения пересчитывается только то, что его читает. К библиотеке идет набор для агента. Скилл из `skills/rhp/` объясняет устройство графика, дает проверенные страницы с приемами и заставляет сверять результат. Проверка из каталога `mcp/` открывает график в браузере на ширине компьютера и телефона и сообщает, что встретит читатель, с исправлением для каждого замечания. Команда `npx -y @bezda/rhp-mcp check chart.html` запускает ее, а без аргументов это MCP-сервер.
Для кого. Фронтенд-разработчикам и аналитикам, которые поручают агенту интерактивные графики на SolidJS или в обычной HTML-странице.
Подходит, если
- Агент собирает столбчатую диаграмму из данных без знания библиотеки за один заход.
- Готовый график проверяют на ширине телефона и компьютера и получают список исправлений.
- Диаграмму добавляют на страницу без сборки через `@bezda/rhp/standalone`.
- Для React берут обертку `@bezda/rhp-react`.
Не подходит, если
- Нужны диаграммы на canvas или SVG с большим числом точек для научной визуализации.
- Проект не использует ни SolidJS, ни HTML-страницы без сборки.
- Требуется библиотека с долгой стабильной историей версий.
Пример запроса к агенту
Сделай через rhp столбчатую диаграмму продаж фруктов и проверь ее на ширине телефона и компьютера.Ограничения
Основа проекта остается библиотекой для SolidJS, поэтому в приложении без Solid используют готовую сборку или отдельный модуль `standalone`. Проверка запускает браузер, для чего требуются соответствующие компоненты. Коллекция `ManyDots` для большого числа точек помечена экспериментальной, при любом числе точек можно оставить блок `Dot`. Скилл ставится командой `npx skills add bezda-team/rhp` и рассчитан на то, что агент не знает rhp заранее.
Как отключить. Удалите скилл `npx skills remove rhp` или папку из каталога агента, а пакет командой `npm uninstall @bezda/rhp`. Запись MCP-сервера уберите из настроек.
Частые вопросы
Как поставить скилл?
Выполните `npx skills add bezda-team/rhp`. Он ставится в Claude Code, Codex, Cursor, Copilot, Gemini CLI и другие агенты.
Что проверяет проверка графиков?
Она открывает график в браузере на ширине компьютера и телефона и сообщает, с чем столкнется читатель, и дает исправление.
Как поставить саму библиотеку?
Командой `npm install @bezda/rhp`. Единственная пиринговая зависимость Solid, а таблицу стилей подключать не нужно.
Можно ли без сборки?
Да, импортируйте `@bezda/rhp/standalone` с CDN: один модуль со встроенным Solid, 36 кБ в сжатом виде.
Есть ли версия для React?
Да, пакет `@bezda/rhp-react` превращает график rhp в компонент React.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыiChart.js дает агенту проверяемый путь от данных к графику: выбор типа, JSON-спецификация, валидация и отрисовка в SVG или Canvas.
MCP-сервер @microcharts/mcp: агент подбирает тип из 106 мини-графиков React, берет готовые props и получает SVG с описанием
Скилл и MCP-сервер библиотеки Shaders: агент собирает фоны, стекло, градиенты и курсорные эффекты на WebGPU для React, Vue, Svelte, Solid и JS
Официальный скилл Microsoft раскладывает графы и сети в JavaScript и TypeScript и выгружает схемы в SVG, PDF, PNG и EPS.
Lightweight Charts — скиллы для агентов
Lightweight Charts skills
Два скилла TradingView: работа с графиками Lightweight Charts v5 без устаревших вызовов v4 и написание собственных плагинов, серий и примитивов
Скилл рисует макеты интерфейсов и лендингов и переносит их в HTML, в проект на React или в мини-приложение WeChat
Коротко о README
Библиотека графиков на HTML и CSS дополнена скиллом и проверкой для агентов. В документации есть руководства, справочник и галерея живых графиков.