英語 |中文

リリース履歴 ·変更ログ

花火技術グラフ

手描き図をやめましょう。 システムを英語または中国語で説明してください — ジオメトリに安全なSVG、PNG、焦点を絞ったSVGからGIFへの動き、オフラインのインタラクティブな技術図を手に入れましょう。

---

出力品質

現在のチェックアウトでは、完全なテキストレポートと、デフォルトのテーマ全体でより強力なサポートテキストが追加されています。出力前に目に見える切り詰めを拒否するために"text_policy": "strict"を追加します。レポートは完全なソースラベルを保持し、復元方法を説明します。中国語の説明は利用可能な2行目を使用します。テーマごとのガイダンスや測定範囲については、ビジュアルクオリティをご覧ください。

versionはパッケージ、実際のSkillルート、利用可能な場合はGitの状態を報告します。doctorはSVG/HTMLサポートとオプションのPNG/GIF依存関係を区別します。PNGエクスポートはルートキャンバスをチェックし、画像サイズを制限し、原子的に書き込み、得られたピクセル寸法を読み戻します。ブラウザのPNGエクスポーターはChromium忠実度で引き続き利用可能です。以下のショーケース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