Fireworks Tech Graph — скилл
fireworks-tech-graph
Скилл строит технические SVG-диаграммы по текстовому описанию: архитектура, UML, схемы агентов, облачные схемы, с экспортом в PNG и GIF
- 11 981 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл работает локально со скриптами рендера и не отправляет данные наружу
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/fireworks-tech-graphОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл работает локально со скриптами рендера и не отправляет данные наружу
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Агент описывает систему словами, а скилл превращает это в геометрически корректную SVG-диаграмму через Python-скрипт с валидацией: проверяет пересечения линий, читаемость подписей и соответствие выбранному стилю. Поддерживает 12 визуальных стилей и до 14 типов диаграмм, включая UML и облачную архитектуру. Готовый результат можно экспортировать в PNG, автономный HTML с зумом или анимированный GIF.
Для кого. Для разработчиков и технических писателей, которым нужны диаграммы архитектуры и процессов без ручной работы в редакторе.
Подходит, если
- Нужна диаграмма архитектуры сервиса или системы для документации
- Нужна UML-схема или диаграмма агентного воркфлоу
- Нужен анимированный GIF со схемой потока данных
Не подходит, если
- Нужна фотореалистичная иллюстрация или растровая графика
- Нужен статистический график или дашборд с данными
Пример запроса к агенту
Нарисуй архитектурную диаграмму этого сервиса в стиле cloud fabric и экспортируй в PNGОграничения
Часть стилей это JSON-генераторы с фиксированными шаблонами, один стиль (Dark Luxury) собирается вручную агентом. PNG-экспорт и офлайн-HTML зависят от системных зависимостей рендера, которые проверяются командой doctor.
Как отключить. Удалите папку fireworks-tech-graph из ~/.claude/skills или ~/.agents/skills.
Частые вопросы
Можно ли использовать в Codex и Claude Code одновременно?
Да, SKILL.md один и тот же для обоих раннтаймов, README описывает общий git-чекаут с симлинками в обе папки скиллов.
Как проверить, что скилл настроен правильно?
Команда python3 scripts/fireworks.py doctor проверяет наличие рендерера, шрифтов и опциональных зависимостей для PNG и GIF.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл рисует архитектурные схемы, блок-схемы и диаграммы последовательностей как размеченный вручную SVG в едином стиле
stack-diagram, скилл для архитектурных схем, встраивает логотипы и шрифты в HTML: готовый файл можно открыть без сети.
Строит интерактивные схемы архитектуры в одном HTML-файле: анимированные потоки данных, переключение сред и панель деталей шага
Скилл рисует архитектуру системы одной HTML-страницей: схема с панорамой, фокусом на узле, светлой и темной темой.
Скилл, который вместо ASCII-схем в терминале собирает самодостаточные HTML-страницы: диаграммы, разбор диффов, ревью планов, таблицы и слайды
Скилл строит интерактивные диаграммы по коду: одиннадцать типов, ссылки на строки-источники и один офлайн-файл HTML.
Из блога
Коротко о README
README описывает скилл как единый инструмент для Codex и Claude Code, который строит SVG по текстовому брифу через Python-скрипт с этапами validate, render, check и export. Есть матрица из 12 стилей и справочники по типам диаграмм, иконкам и качеству композиции. Рекомендуемый способ установки: команда skills CLI с вложенным путем до скилла, есть и вариант git-чекаута с симлинками для совместного использования обоими агентами.
Бейдж для README
Исходный SKILL.md
---
name: fireworks-tech-graph
description: >-
Create precise SVG technical diagrams, export PNG or offline HTML, and animate
supported semantic SVGs to GIF. Use for architecture, UML, agent, cloud or
workflow diagrams; not photos, raster art or statistical charts.
---
# Fireworks Tech Graph
One portable Agent Skill for Codex and Claude Code. SVG is the canonical artifact;
PNG, offline HTML and supported GIF motion are output routes. Preserve requested
labels, topology and meaning; a successful command is not a visual quality verdict.
## Locate and select
Resolve the directory containing this file as `SKILL_ROOT`. Use
`${CLAUDE_SKILL_DIR}` in Claude Code or the absolute directory in Codex's loaded
skill metadata. Do not assume cwd or a previous shell variable persists.
Use the installed version for the task. Run `version` for source/version questions
and `doctor` when diagnosing a missing renderer, font or dependency; do not make
installation, updates or a complete test suite prerequisites for every diagram.