fireworks-tech-graph は何をしますか？
プロダクション品質のSVG+PNG技術図を生成するClaude Codeスキル。8種類の図タイプ、5つのビジュアルスタイル、深いAI/エージェントドメイン知識をサポート。
特徴
- 8種類の図タイプ: アーキテクチャ図、フローチャート、シーケンス図、クラス図、ER図、ネットワーク図、パイプライン図、タイムラインダイアグラム
- 5つのビジュアルスタイル: モダン、ミニマル、ダーク、カラフル、プロフェッショナル
- AIエージェントドメイン知識: AI/Agentシステムの一般的なパターンとコンポーネントを理解
- プロダクション品質: クリーンで読みやすく、ドキュメントに適した出力
使用法
Claude Codeで以下のように指示してください：
/fireworks-tech-graph <図タイプ> <説明> [--style <スタイル>]
例:
/fireworks-tech-graph アーキテクチャ マイクロサービスベースのeコマースシステム --style モダン
サポートされる環境変数
TECH_GRAPH_OUTPUT_DIR: 出力ディレクトリ（デフォルト:./output）TECH_GRAPH_DEFAULT_STYLE: デフォルトのスタイル（デフォルト:modern）TECH_GRAPH_DEFAULT_TYPE: デフォルトの図タイプ（デフォルト:architecture）
図タイプ一覧
| タイプ | 説明 |
|---|---|
architecture | システムアーキテクチャ図 |
flowchart | プロセスフローチャート |
sequence | シーケンス図（相互作用図） |
class | UMLクラス図 |
er | エンティティ関係図 |
network | ネットワーク図 |
pipeline | データパイプライン図 |
timeline | タイムラインダイアグラム |
ビジュアルスタイル
| スタイル | 説明 |
|---|---|
modern | モダンでクリーンな外観 |
minimal | ミニマルで余白が多い |
dark | 暗色テーマの背景 |
colorful | 鮮やかな色使い |
professional | ビジネス向け、落ち着いた色調 |
ライセンス
MIT