Back to Marketplace
FREE
Scanned
Make Money

stepfunctions-visualizer

AWS Step Functions定義(JSON)を視覚化するスキル ``` /stepfunctions-visualizer <path-to-stepfunctions.json> [format]

New skill
No reviews yet
New skill
🤖 Claude Code Cursor💻 Codex🦞 OpenClaw
FREE

Free to install — no account needed

Copy the command below and paste into your agent.

Instant access • No coding needed • No account needed

What you get in 5 minutes

  • Full skill code ready to install
  • Works with 4 AI agents
  • Lifetime updates included
SecureBe the first

Description

# stepfunctions-visualizer AWS Step Functions定義(JSON)を視覚化するスキル ## 使い方 ``` /stepfunctions-visualizer <path-to-stepfunctions.json> [format] ``` ## パラメータ - `<path-to-stepfunctions.json>`: Step Functions定義JSONファイルのパス(必須) - `[format]`: 出力形式(省略可、デフォルト: `all`) - `mermaid`: Mermaidフローチャート形式 - `html`: HTML + vis.js インタラクティブ可視化 - `text`: テキストツリー形式 - `all`: すべての形式で出力 ## 出力ファイル プロジェクトルートの `images/` ディレクトリに以下のファイルが生成されます: - `images/{basename}.md`: Mermaidフローチャート(Markdown Preview Mermaid Support拡張機能で表示可能) - `images/{basename}.html`: HTML可視化(ブラウザで開く) - `images/{basename}-tree.txt`: テキストツリー ※ `images` フォルダが存在しない場合は自動的に作成されます。 ## 機能 - ステートタイプ別の色分け - Task: 青 - Choice: オレンジ - Pass/Succeed: 緑 - Wait: オレンジ - Fail: 赤 - Next/Choice/Catch遷移の可視化 - エラーハンドリング(Catch)は点線で表示 - 縦方向レイアウト(Top to Down) - 統計情報の表示 ## 例 ``` /stepfunctions-visualizer /path/to/state-machine.json /stepfunctions-visualizer /path/to/state-machine.json mermaid /stepfunctions-visualizer /path/to/state-machine.json html ``` ## 作成者 BanquetKuma

Preview in:

Security Status

Scanned

Passed automated security checks

Related AI Tools

More Make Money tools you might like