タグ付きの投稿: diagram-generation

Visual Explainer: ターミナルアートからHTMLダイアグラムへ

多くの開発者はまだ複雑なターミナル出力をプレーンテキストとして印刷しますが、ASCII アートやパイプ区切りの表はすぐに読めなくなります。Visual Explainer は、任意のターミナル図、コード差分、計画レビューを、ダーク／ライトテーマ、インタラクティブな Mermaid チャート、レスポンシブなスライドデッキを備えた洗練された自己完結型 HTML ページへ変換します。スキルには `/diff-review`、`/plan-review`、あるいは `/generate-slides` のようなコマンドが同梱されており、大きな表をダンプしていると自動で検出し、目を引くページに置き換えます。`pi install` を1回実行するだけで、ブラウザ上で直接動作する即戦力の開発者ユーティリティが手に入り、プレゼンテーション準備やドキュメント作成にかかる時間を節約します。Visual Explainer がデバッグやコードレビューのワークフローに視覚的明瞭さをもたらすようにしてください。