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 形式儲存在你的倉儲中。