visual-explainer

visual-explainer

将复杂的终端输出转换为易于阅读的HTML页面或幻灯片。

Agent Skill编程与开发开源
形态
Agent Skill
是否开源
GitHub Stars
★ 9.0k
收录来源
skill-github

能力说明

visual-explainer 是一个代理技能,可以生成丰富的HTML页面或幻灯片,用于图表、差异审查、计划审核、数据表和项目总结。它将复杂的系统架构图、差异审查和计划比较等转换为自包含的HTML页面,并在浏览器中打开。这个能力使AI能够以更直观的方式展示复杂信息,适合开发者和团队使用。可以通过多种方式安装,如Claude Code插件市场、Pi包管理器等。

能力点

  • 生成图表的HTML页面
  • 差异审查可视化
  • 计划审核可视化
  • 数据表生成
  • 项目总结生成

适用场景

系统架构图生成代码差异审查需求与计划对比项目总结报告

接入方式

依赖:Node 环境
对于Claude Code:"/plugin marketplace add nicobailon/visual-explainer" 和 "/plugin install visual-explainer@visual-explainer-marketplace";对于Pi:"pi install git:github.com/nicobailon/visual-explainer"

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

支持哪些平台?

支持Claude Code、Pi、Codex CLI、OpenCode/opencode、Cursor和OpenClaw。

如何安装?

根据使用的平台选择相应的安装命令,例如Claude Code插件市场或Pi包管理器。

相关 Skill