← スキル一覧へ

📊

Visual Explainer

Claude無料開発ツール

ターミナルの読みにくいASCII図やパイプ区切りの表を、ブラウザで開ける美しいHTMLページやスライドに変換するClaudeエージェントスキル。アーキテクチャ図、差分レビュー、計画の照合、データ表、プロジェクト振り返りに最適。

主な機能

テキストを美しいHTMLに変換
対話型Mermaid図
差分レビューと計画照合
明暗テーマのスライド

インストール

Claude Code（マーケットプレイス）:
/plugin marketplace add nicobailon/visual-explainer
/plugin install visual-explainer@visual-explainer-marketplace

Codex CLI: ~/.codex/skills/visual-explainer にコピー
OpenCode: ~/.config/opencode/skill/visual-explainer にコピー

使い方

会話で「認証フローの図を描いて」と頼む、/diff-review で変更をレビュー、/plan-review で計画書を照合すると、自己完結型のHTMLページを生成しブラウザで開きます。Claude Codeではコマンドに /visual-explainer: の名前空間が付きます。

必要条件

関連スキル

🔧 Skill Creator 📐 Linear Plugin 📡 Datadog Plugin 🦊 GitLab Plugin