yizhiyanhua-ai/fireworks-tech-graph

Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.

何を解決するか

fireworks-tech-graph は、手動での図面作成の必要性を排除するためのエージェントスキルです。ユーザーは自然言語(英語または中国語)で技術システムを記述し、自動的に洗練された幾何学的に検証された技術図(SVG、PNG、インタラクティブHTML形式)および意味論的なアニメーションGIFを生成できます。

動作方法

このツールは、高品質な出力を保証するエージェント駆動の検証ループを使用しています。単一の生成プロセスに頼るのではなく、以下の複数ステップのプロセスを実行します:

  1. 意味論的IR生成:自然言語記述をバージョン管理された中間表現(IR)に変換します。
  2. 構造検証:XMLの整合性、パスの幾何学、矢印の衝突をチェックします。
  3. レンダリング:SVGおよび高解像度PNGを生成します。
  4. 視覚的リードバック:エクスポートされたPNGから切り取り、ラベルの衝突、ルーティング品質を検査します。
  5. ターゲット修正:検証結果に基づいて焦点を当てた修正を行い、最終的な検証済みアセットを提供します。

対象ユーザー

主に、AIエージェント(特にCodexおよびClaude Code)を使用してシステムアーキテクチャ、クラウド展開、イベントストリーム、UML図をドキュメント化する開発者、アーキテクト、技術ライター向けです。

特徴

  • 12種類のビジュアルスタイル:11種類のジェネレータ駆動プロファイルと、AIが執筆した「ダークラグジュアリー」スタイルを含む。
  • 包括的な図形式:14種類のUML図形式と、AI/エージェントドメイン固有のパターン(例:RAG、マルチエージェント、Mem0)を完全サポート。
  • 幾何学的に安全なルーティング:決定論的な直交ルートを確保し、交差ゼロ、最小限の曲がり、検証済みの間隔を実現。
  • 意味論的アニメーション:接続線が特定の意味論的順序で描かれる、検証済みのSVGからGIFへのアニメーションを生成。
  • エンジニアリング契約:C4レビュー、マルチリージョン展開、信頼性パルスなどの特定シナリオに厳格なルールを適用。
  • 統合エクスポート:SVG、1920px PNG、パン/ズーム対応およびテーマ切り替え可能なオフラインインタラクティブHTMLをサポート。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト