← 返回全部 Skill

📊

Visual Explainer

Claude免费开发工具

一个 Claude 智能体技能，把终端里晦涩的 ASCII 图表和管道表格变成排版精美、可在浏览器打开的 HTML 页面或幻灯片。适合画架构图、审查代码 diff、核对计划、展示数据表和项目复盘。

核心功能

文字转精美 HTML 页面
交互式 Mermaid 图表
diff 审查与计划核对
深浅主题幻灯片

安装方式

Claude Code（技能市场 marketplace）：
/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

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