영어 | 中文

출시 역사 · 변경 기록

불꽃놀이-테크-그래프

손으로 다이어그램을 그리지 마세요. 시스템을 영어 또는 중국어로 설명하세요 — 지오메트리 안전한 SVG, PNG, 집중된 SVG에서 GIF 모션, 오프라인 인터랙티브 기술 다이어그램을 얻을 수 있습니다.

---

출력 품질

현재 체크아웃은 기본 주제에 걸쳐 완전한 텍스트 보고와 더 강력한 지원 텍스트를 추가합니다. 출력 전에 가시적인 절단을 거부하기 위해 "text_policy": "strict"를 추가합니다; 보고서는 전체 소스 라벨을 보존하고 복구 방법을 설명합니다. 중국어 설명은 이용 가능한 두 번째 줄을 사용합니다. 주제별 지침과 측정 한계는 시각적 품질을 참조하세요.

version는 패키지, 실제 Skill 루트, Git 상태를 제공 시 보고합니다. doctor는 SVG/HTML 지원과 선택적 PNG/GIF 의존성을 구분합니다. PNG 내보내기는 루트 캔버스를 확인하고 이미지 크기를 제한하며, 원자적으로 쓰고 결과 픽셀 크기를 읽습니다. 브라우저 PNG 익스포터는 Chromium Fidelity를 위해 계속 사용 가능합니다. 아래 쇼케이스 GIF는 공개된 1.2.0 참고 자료이며; 이 미공개 업그레이드는 모션 계약을 보존합니다.

개요

English | 中文

Release history · Changelog

fireworks-tech-graph

Stop drawing diagrams by hand. Describe your system in English or Chinese — get geometry-safe SVG, PNG, focused SVG-to-GIF motion, and offline interactive technical diagrams.

---

Output quality

The current checkout adds complete-text reporting and stronger supporting text across the default themes. Add "text_policy": "strict" to reject visible truncation before output is written; reports preserve the full source label and explain how to recover. Chinese descriptions use the available second line. See visual quality for theme-specific guidance and measurement limits.

python3 "$SKILL_ROOT/scripts/fireworks.py" version
python3 "$SKILL_ROOT/scripts/fireworks.py" export-png diagram.svg diagram.png --width 1920

version reports the package, actual Skill root and Git state when available. doctor distinguishes SVG/HTML support from optional PNG/GIF dependencies. PNG export checks the root canvas, bounds image size, writes atomically and reads the resulting pixel dimensions back. The browser PNG exporter remains available for Chromium fidelity. The showcase GIFs below are the published 1.2.0 references; this unreleased upgrade preserves their motion contracts.

Overview

fireworks-tech-graph is one Agent Skill that works unchanged in Codex and Claude Code. It turns natural language descriptions into polished, geometry-checked SVG diagrams, high-resolution PNGs, validated SVG-to-GIF semantic motion, and offline interactive HTML. The focused animation path accepts a generated semantic SVG and emits one compact, probed GIF. It ships with 11 generator-backed styles and 1 AI-authored style (Dark Luxury). Four engineering-first styles add executable contracts for C4 reviews, cloud deployments, event streams, and reliability investigations, alongside deep AI/Agent domain patterns and all 14 UML diagram types.

User: "Generate a Mem0 memory architecture diagram, dark style"
  → Skill classifies: Memory Architecture Diagram, Style 2
  → Generates SVG with swim lanes, cylinders, semantic arrows
  → Exports 1920px PNG