← 機能ページに戻る
ENGINEERING ap-diagrams Draw.io CLI

システムアーキテクチャ
自動作図

アーキテクチャを説明 → AIがレイアウト → SVG/PNG をエクスポート

① 自然言語で説明 ② エージェントがdraw.ioグラフを構築 ③ SVG/PNG/PDFをエクスポート

// エージェントセッションログ

U

"マイクロサービスアーキテクチャを描いてください:APIゲートウェイ→認証・ユーザー・注文サービス。注文は決済と通知に接続。全サービスがRedisキャッシュを共有。"

AP

// 実行シーケンスの計画

  • → マイクロサービスダイアグラムテンプレートを作成
  • → アイコン付き6サービスノードを追加
  • → 方向矢印で接続を配線
  • → 共有インフラ層としてRedisキャッシュを追加
  • → ダークテーマを適用、SVG+PNGをエクスポート
agentputer — ap-diagrams executor

$ ap-diagrams new --type microservice --theme dark

✓ Diagram initialized with microservice template

$ ap-diagrams add node --labels "Auth,User,Order" --row 2 --spacing 200

✓ 3 service nodes auto-positioned in row 2

$ ap-diagrams connect "API Gateway" --to "Auth,User,Order" --style arrow

✓ 3 connections wired with directional arrows

$ ap-diagrams export --svg --png --fit-page

✓ Exported: microservice-arch.svg + microservice-arch.png

elapsed: 31s
📐microservice-arch.svgVector editable

// このシナリオでサポートされる機能

☁️

クラウドアイコンライブラリ

AWS、GCP、Azure、Kubernetesアイコンセット内蔵。

🔗

スマート自動ルーティング

接続線がノード周囲を自動ルーティング。

📊

複数のダイアグラムタイプ

マイクロサービス、ER、ネットワークトポロジー、シーケンス、UML、C4モデル。

🎨

ダーク&ライトテーマ

プロフェッショナルなダイアグラムテーマ。

📄

コード/スキーマから生成

SQLスキーマファイルからERダイアグラムを自動生成。

✏️

編集可能なSVG出力

標準SVG — 任意のベクターツールで開いて編集可能。

// エージェントをデプロイ

ダイアグラムを手描きするのをやめましょう。

システムを説明してください。AgentPuterが正確でプロフェッショナルなダイアグラムを構築します。