Fireworks Tech Graph
fireworks-tech-graph
Скилл строит технические SVG-диаграммы по текстовому описанию: архитектура, UML, схемы агентов, облачные схемы, с экспортом в PNG и GIF
Низкий риск
Низкий уровень ставим, когда запись в основном дает агенту инструкции и справочные материалы.
Почему такой уровень
- Скилл работает локально со скриптами рендера и не отправляет данные наружу
Установка
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/fireworks-tech-graphОпределит агенты на машине, проверит риск и зафиксирует версию.
Другие способы установки
Собрано автоматически, проверьте перед установкой.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a claude-code -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .claude/skills
cp -R "$tmp/skills/fireworks-tech-graph" .claude/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a cursor -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .agents/skills
cp -R "$tmp/skills/fireworks-tech-graph" .agents/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a github-copilot -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .github/skills
cp -R "$tmp/skills/fireworks-tech-graph" .github/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a codex -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .agents/skills
cp -R "$tmp/skills/fireworks-tech-graph" .agents/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a gemini-cli -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .agents/skills
cp -R "$tmp/skills/fireworks-tech-graph" .agents/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .devin/skills
cp -R "$tmp/skills/fireworks-tech-graph" .devin/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Бывший Windsurf.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a cline -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .cline/skills
cp -R "$tmp/skills/fireworks-tech-graph" .cline/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a roo -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .roo/skills
cp -R "$tmp/skills/fireworks-tech-graph" .roo/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Форк Roo Code, папки .roo те же.
Выполните в терминале в папке проекта
npx skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph -a opencode -yУтилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.
Без сторонних утилит, из коммита 31fea36
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .agents/skills
cp -R "$tmp/skills/fireworks-tech-graph" .agents/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .agents/skills
cp -R "$tmp/skills/fireworks-tech-graph" .agents/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Выполните в терминале в папке проекта
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/fireworks-tech-graph/
git -C "$tmp" checkout 31fea364eda5f1852b1175f3d9e29ea31d22dcb4
mkdir -p .agents/skills
cp -R "$tmp/skills/fireworks-tech-graph" .agents/skills/fireworks-tech-graphКоманды для macOS и Linux, на Windows выполните их в Git Bash.
Установи скилл командой: npx -y skills@1.5.17 add yizhiyanhua-ai/fireworks-tech-graph/skills/fireworks-tech-graph --agent claude-code -g -y --copy
Другие способы из описания автора
npx -y skills@1.5.17 add yizhiyanhua-ai/fireworks-tech-graph/skills/fireworks-tech-graph --agent codex claude-code -g -y --copyКопирует скилл в ~/.claude/skills и ~/.agents/skills целиком, со скриптами и справочниками.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Агент описывает систему словами, а скилл превращает это в геометрически корректную 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.
Проверка безопасности
- Скилл работает локально со скриптами рендера и не отправляет данные наружу
Коротко о README
README описывает скилл как единый инструмент для Codex и Claude Code, который строит SVG по текстовому брифу через Python-скрипт с этапами validate, render, check и export. Есть матрица из 12 стилей и справочники по типам диаграмм, иконкам и качеству композиции. Рекомендуемый способ установки: команда skills CLI с вложенным путем до скилла, есть и вариант git-чекаута с симлинками для совместного использования обоими агентами.
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.Частые вопросы
Можно ли использовать в Codex и Claude Code одновременно?
Да, SKILL.md один и тот же для обоих раннтаймов, README описывает общий git-чекаут с симлинками в обе папки скиллов.
Как проверить, что скилл настроен правильно?
Команда python3 scripts/fireworks.py doctor проверяет наличие рендерера, шрифтов и опциональных зависимостей для PNG и GIF.
Похожие
Набор скиллов, который задает агенту процесс разработки: уточнение задачи, план, TDD, субагенты и ревью кода
Скиллы Мэтта Покока для инженеров
Skills For Real Engineers
Небольшие компонуемые скиллы для инженерной работы с агентом: интервью по плану, TDD, диагностика багов, ревью и архитектура
Набор GitHub для разработки от спецификации: CLI specify ставит в проект команды и скиллы для агента, от принципов до реализации
Референсные MCP-серверы
Model Context Protocol servers
Официальные референсные MCP-серверы: Filesystem, Fetch, Git, Memory, Sequential Thinking, Time и Everything