nicobailon/visual-explainer

Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps

解决的问题

将终端型 AI 代理中的难以阅读的 ASCII 艺术和等宽表格，替换为样式化、自包含的 HTML 页面。解决了复杂图表、架构流程和大型数据对比在控制台中以纯文本渲染时变得难以阅读的问题。

工作原理

作为一项代理技能，生成 HTML 输出而非文本。支持可缩放和可平移的交互式 Mermaid 图表，提供深色/浅色主题和专业排版。该项目可作为插件集成到多种 AI 框架（如 Claude Code、Cursor 和 Pi）中，或作为本地 stdio MCP（模型上下文协议）服务器运行，向代理暴露渲染工具。

适用人群

需要在不离开工作流的情况下可视化系统架构、审查代码差异或比较复杂需求的 AI 编码代理使用者。

主要亮点

  • 多框架支持：兼容 Claude Code、Cursor、Pi、Antigravity CLI、Codex CLI 和 OpenCode。
  • 交互式可视化：使用 Mermaid 实现支持缩放和拖拽的图表。
  • MCP 集成：提供本地 MCP 服务器，用于渲染 HTML 和快速生成 JSON 规范。
  • 零构建步骤：基本使用无需构建过程，仅需网页浏览器即可查看。

相关

  • 项目
    lessweb/deepcode-cli

    Deep Code CLI is a Node‑based terminal assistant tuned for DeepSeek‑v4 models. Install via `npm i -g @vegamo/deepcode-cli`, configure it with `~/.deepcode/settings.json`, and use slash commands (e.g., `/new`, `/model`, `/skills`) to chat, run custom agent skills, handle images, connect to external services via MCP, and control permissions. It shares settings with a VS Code plugin and supports notifications, web‑search scripts, and any OpenAI‑compatible endpoint.

  • 项目
    VigoZhao/AI-Visual-Prompt-Cookbook

    一个精选的 116 个基于 JSON 的视觉提示模板库，用于 AI 图像生成。每个风格定义了可重用的提示、占位符、保真度锚点和负面提示，并附带预览图。用户将 `style.json` 复制到多模态 LLM（如 ChatGPT‑4‑Vision、Gemini‑Pro‑Image 等）中，填入变量，即可生成一致的海报风格图像。包含验证脚本、多语言文档和在线画廊。

  • 项目
    NomaDamas/slides-grab

    slides‑grab 是一个基于 Node 的 CLI 和浏览器编辑器，允许 AI 代理生成、视觉选择并重写 HTML 演示文稿幻灯片，然后导出为 PDF、实验性 PPTX 或 Figma 格式。它捆绑了 95 种设计风格，支持通过 Codex/OpenAI/Gemini 提供者实现图像原生幻灯片，并包含验证、视频下载和 tldraw 到 SVG 的实用工具。需要 Node ≥ 20 和 Playwright 进行验证；MIT 许可证。

  • 项目
    ConardLi/easy-agent

    Easy Agent 是一个基于终端、用 TypeScript 编写的编码助手，支持与 Claude、OpenAI、Gemini、Ollama 等 LLM 流式聊天，允许模型读写文件、执行 shell 命令、浏览网页，并可通过插件和多代理团队进行扩展。项目处于发布候选阶段，等待 npm 发布。

  • 项目
    JimLiu/baoyu-design

    baoyu-design 将 Claude Design 打包为本地代理技能，使你能在 Cursor、Claude Code 或 Codex 等代理中直接执行完整功能的 UI/UX 设计（包括原型、原型、演示文稿、设计系统导入、Figma .fig 解码、PPTX 导出等），所有成果均以自包含 HTML 形式存储在你的仓库中。