渲染出现在 · 横条 / 面板 / 状态行收录

Explain As 换种讲法

用 /explain 把回答改成简体技术英语、图示、交互网页或讲解视频。

Explain As 换种讲法 · 效果预览 · 示意示意
> 给订单列表加上分页
⏺ 我先看看列表组件。
✦ explain as 选择回答方式
[○ Off] [¶ STE] [◇ Diagram] [◱ HTML] [▶ Video]
▸ 面板里显示可缩放的图示预览
explain: Diagram · /explain html how TCP works
❯

示意。实际效果取决于 Mod、终端和运行环境。

安装

/plugin marketplace add Sumit189/explain-claude-mod
/plugin install explain-as@explain-as
/reload-plugins

在 Claude Code 会话里逐行执行这些命令。

它会碰什么

据原作者说明,收录时核对;可用 claude plugin validate 自行检查。

读取

有

读取会话工作目录与 `.explain/` 下的源文件、截图 PNG/JPEG。

写入文件

有

向项目 `.explain/` 写入图示、HTML、截图与缩放裁剪图。

运行命令

有

启动无头 Chrome/Chromium/Brave 截图,可选 ffmpeg、sips、osascript、open/xdg-open。

联网

有

向模型注入格式指令并可能提交提示;截图页从 jsDelivr 加载 Mermaid;可选 ElevenLabs。

介绍

Explain As 是 Claude Code 的 function hooks Mod:用 /explain 打开输入框上方选择条,把之后的回答改成 ASD-STE100 简化技术英语、Mermaid 图示、自包含交互 HTML,或类似 3Blue1Brown 的讲解视频。图示和网页会写入项目的 .explain/,用无头 Chrome / Chromium / Brave 截图后显示在面板里,可缩放平移,也可一键打开浏览器里的实况页;视频模式会在 Chrome 中播放,默认用本机语音合成,若设置了 ELEVENLABS_API_KEY 则由 Claude 用 curl 拉取配音。需要 Claude Code 2.1.287+,以及带图片协议的终端(如 Ghostty、kitty、iTerm2、WezTerm)。缩放依赖可选的 ffmpeg;macOS 上可用 AppleScript 刷新已打开的 Chrome 标签。它会读写 .explain/,并启动浏览器与相关命令;会向模型注入格式指令,截图页还会从 jsDelivr 加载 Mermaid。仓库没有 LICENSE。下方预览是布局示意。

适合谁

  • 想把复杂概念改成图示、交互页或讲解视频的人
  • 需要 ASD-STE100 风格短句说明的技术写作者

运行要求

  • Claude Code ≥ 2.1.287
  • 平台 · macOS / Linux
  • 需要 Chrome、Chromium 或 Brave 做截图与视频播放。
  • 面板预览需要支持图片协议的终端;缩放建议安装 ffmpeg。
  • 视频默认用本机语音合成;设置 ELEVENLABS_API_KEY 才走 ElevenLabs。