QGraphFlow — скилл
Скилл строит интерактивные диаграммы по коду: одиннадцать типов, ссылки на строки-источники и один офлайн-файл HTML.
- 110 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл читает код проекта и пишет HTML-файл диаграммы, сетевых запросов не делает.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/qgraphflowОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл читает код проекта и пишет HTML-файл диаграммы, сетевых запросов не делает.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
QGraphFlow превращает исходный код, схемы, конфигурацию и требования в интерактивные диаграммы программ. Одиннадцать типов: архитектура возможностей платформы, слоев и компонентов, блок-схема, последовательности, ER, развертывание, классов, состояний, вариантов использования и потока данных. У каждой связи есть тип доказательства и номер строки кода, на которую она опирается. Раскладка автоматическая, а в странице можно двигать элементы, искать, масштабировать и править подписи. Результат — один HTML-файл без сетевых запросов, его можно отправить коллеге. Для проверки диаграмм в репозитории есть команда `qgraphflow`.
Для кого. Разработчикам и архитекторам, которым нужно быстро разобраться в чужой кодовой базе или показать устройство системы без ручной отрисовки.
Подходит, если
- Новый проект получен без документации, и нужна схема связей компонентов.
- Сложный сценарий оформления заказа нужно показать диаграммой последовательности.
- Схема базы данных превращается в ER-диаграмму с источниками.
- Диаграмму отправляют заказчику одним файлом, который открывается без интернета.
Не подходит, если
- Нужна декоративная презентационная графика, а не техническая схема.
- Диаграмму надо редактировать в Figma или другом редакторе.
- Код слишком велик для разбора одним запросом: диаграмму придется строить по частям.
Пример запроса к агенту
Построй диаграмму компонентов и диаграмму последовательности для оформления заказа по этому репозиторию.Ограничения
Агент строит диаграмму по тому коду и документам, которые прочитал; связи без явного основания помечаются как неопределенные, но полнота зависит от объема прочитанного. Установка командой `npx skills add` спрашивает, в какие клиенты ставить; для плагина нужна отдельная загрузка из npm с флагом `--ignore-scripts` и ручное подключение. Сами скрипты плагина не делают сетевых запросов. Диаграммы в редакторе страницы нужно сохранять отдельно, иначе правки пропадут. Часть диаграмм сложна и требует нескольких итераций.
Как отключить. Удалите скилл из каталога скиллов клиента или командой менеджера плагинов; сохраненные HTML-файлы диаграмм останутся.
Частые вопросы
Какие типы диаграмм есть?
Одиннадцать: архитектуры (возможностей, слоев, компонентов), блок-схема, последовательности, ER, развертывания, классов, состояний, вариантов использования и потока данных.
Как проверить, откуда взята связь?
У каждой связи в коде есть тип доказательства и ссылка на строку исходного файла. Неясные места помечены как неопределенные.
Нужен ли интернет для просмотра?
Нет. Итог — один офлайн-файл HTML, скрипты плагина и просмотрщик не делают сетевых запросов.
Как поставить в Codex как плагин?
Скачайте пакет `npm install qgraphflow --ignore-scripts`, затем `codex plugin marketplace add .` и `codex plugin add qgraphflow@supermax92`.
Где есть русская документация?
В репозитории лежит README на русском: `docs/readme/README.ru.md`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
Скиллыstack-diagram, скилл для архитектурных схем, встраивает логотипы и шрифты в HTML: готовый файл можно открыть без сети.
Строит интерактивные схемы архитектуры в одном HTML-файле: анимированные потоки данных, переключение сред и панель деталей шага
Скилл, который вместо ASCII-схем в терминале собирает самодостаточные HTML-страницы: диаграммы, разбор диффов, ревью планов, таблицы и слайды
Скилл /graphify строит граф знаний по коду, документам и PDF проекта, чтобы агент отвечал запросами к графу, а не грепом
Скилл рисует архитектуру системы одной HTML-страницей: схема с панорамой, фокусом на узле, светлой и темной темой.
Скилл рисует архитектурные схемы, блок-схемы и диаграммы последовательностей как размеченный вручную SVG в едином стиле
Коротко о README
Показывает примеры диаграмм, объясняет проверяемость связей, офлайн-просмотр, установку в Claude Code, Codex, Cursor и Qoder.