nicobailon/visual-explainer

解决的问题

编码代理通常依赖 ASCII 艺术和基于文本的表格来解释复杂概念，但在终端中很快变得难以阅读。本项目提供了一项技能，使代理能够生成样式化的 HTML 页面，从而让系统架构、差异审查和需求对比更容易阅读。

工作原理

该工具将代理输出转换为可直接在浏览器中打开的自包含 HTML 页面。支持带有缩放和拖拽功能的交互式 Mermaid 图表，以及深色和浅色主题。可作为插件或技能集成到各种 AI 代理（如 Claude Code、Cursor 和 Pi）中，也可作为本地 stdio MCP 服务器运行，以暴露渲染工具和提示模板。

适用人群

需要在不离开工作流的情况下，清晰地可视化复杂技术数据、架构图和代码审查的开发者。

主要亮点

• 广泛代理支持：兼容 Claude Code、Cursor、Pi、Antigravity CLI、Codex CLI 和 OpenCode。
• 交互式可视化：使用 Mermaid 生成支持缩放和拖拽的图表。
• MCP 集成：提供本地 MCP 服务器，实现标准化工具暴露。
• 无需构建步骤：标准使用无需构建步骤，仅需网页浏览器即可。
• PPTX 导出：包含一个实用工具，可将简单的 HTML 演示文稿转换为 PowerPoint 演示文件。