DSH Plugin Store
← Back to home

Elohia

pi-mm-vision

Synesthesia Encoder (通感编码器) — give any text-only LLM (DeepSeek, etc.) the ability to see images via structured spatial text encoding. A Pi agent extension.

Stars
2
Language
TypeScript
Created
Aug 3, 2026
Updated
Aug 14, 2026
Vision
GitHub repo

Introduction

mm-vision — Synesthesia Encoder (通感编码器)

Give any text-only LLM (DeepSeek, GPT-4 base, Claude…) the ability to "see" images.

通感编码器 — 让纯文本模型通过结构化空间文字获得像素级图片认知：视觉模型看原图 → 输出紧凑的坐标化描述（画布/元素/百分比坐标/形状/数值/关系）→ 注入给文本模型，后者凭文字重建画面、推理位置关系。

example

示例：雪山湖景（1440×1440）——通感编码把任意图片（不只是 K 线）变成结构化空间文字

Why 通感编码?

纯文本模型无法处理图片 token。两种朴素方案都有硬伤：

方案问题
ASCII 点阵慢（外部进程）、token 爆炸（1200+）、丢失颜色/语义
自然语言描述模糊散文：模型知道"是雪山"但不知道主峰在哪、云海在哪、倒影位置

通感编码走中间路线：一次 API 调用，视觉模型把图片翻译成紧凑的坐标化空间描述（像飞行员按坐标报告地形），文本模型据此重建场景，位置推理精确到像素级。

✨ Features

  • 🎯 通感编码：画布 / 元素 / (x%, y%) 坐标 / 形状 / 数值 / 关系，结构化输出
  • 🔢 可选点阵模式（dotMatrix: true）：追加像素级 ASCII 点阵（带网格标尺），适合曲线细节场景
  • ⚡ 4 种模式：brief（快/省 512 tokens）/ full（标准）/ coords（坐标优先，图表盘面专用）/ auto（关键词自动识别）
  • 🧠 缓存：TTL 内重复分析秒回（默认 600s / 100 条）
  • 🔌 零硬编码：模型 / baseUrl / API key / 配置路径全可配置；兼容任意 OpenAI 兼容视觉模型（qwen-vl / gpt-4o / glm-4v / kimi-vl / MiniMax-VL…）
  • 🖥️ 多宿主接入：MCP（Claude Code / Codex / Pi / Cursor / opencode）+ DSH 插件 + CLI + Agent 扩展
  • 🎨 双向协议（mcp_render）：通感编码 → SVG 图片（矩形/圆/椭圆/多边形/箭头/文本/山体/湖面/任意元素），纯文本 LLM 获得画图能力
  • 🔬 像素级渲染：ASCII 点阵 / RGB三元组 / RGB三通道嵌套 → 像素网格，分块拼接（4×4=5万+像素），文字→真彩色图片
  • 🌐 HTML 渲染器：canvas putImageData 浏览器直接出图（零依赖、可缩放、一键保存 PNG）

🚀 安装（3 分钟）

方式 0：DeepSeek Harness 插件（DSH · mm_vision 模型工具）

dsh plugin --profile web add dsh-plugin-mm-vision   # 或从 GitHub 直装: dsh plugin add github:Elohia/dsh-plugin-mm-vision
  • 安装后 DSH agent 自动获得 mm_vision 工具：对话中直接说"分析这张图 F:/xxx/kline.png"即可
  • 纯 JS 零依赖包（Node 内置 + fetch），无需构建；详见 dsh-plugin-mm-vision

方式 1：Pi 原生扩展包（推荐 · 含自动更新提示）

pi install git:github.com/Elohia/pi-mm-vision@v2.2.0
  • 安装后 mm_vision 工具 / 粘贴图片自动分析 / /vision 命令立即可用
  • 自动更新：Pi 启动时自动对比远端 commit，发现新版本会在界面提示 Package updates are available. Run pi update --extensions，一条命令升级
  • 升级：pi update --extensions（全部包）或 pi install git:github.com/Elohia/pi-mm-vision@新版本（单包）
  • 卸载：pi remove git:github.com/Elohia/pi-mm-vision

方式 A：一键脚本（推荐）

git clone https://github.com/Elohia/pi-mm-vision.git
cd pi-mm-vision
./install.sh          # 构建 + 自动注册到 Claude Code / Codex / Pi

方式 B：手动

npm install && npm run build

然后按你的 Agent 注册：

Agent注册命令
Claude Codeclaude mcp add mm-vision -- node $(pwd)/dist/mcp-server.js
Codexcodex mcp add mm-vision -- node $(pwd)/dist/mcp-server.js
Pi在 ~/.agents/mcp/mcp.json 加条目（Pi 网关自动导入）
任何 MCP 宿主以 stdio 方式指向 dist/mcp-server.js
无 MCP 环境直接用 CLI：node dist/cli.js analyze <图片>

Pi 扩展方式（原生）

cp src/pi-extension.ts ~/.pi/extensions/   # 或 F:/pi-agent/extensions/

提供 mm_vision 工具 + 粘贴图片自动分析 + /vision 命令。

⚙️ 配置

API key 解析顺序：

  1. 配置文件的 apiKey 字段
  2. 环境变量：MM_VISION_API_KEY → DASHSCOPE_API_KEY → QWEN_API_KEY → OPENAI_API_KEY → GEMINI_API_KEY
  3. auth.json（~/.config/mm-vision/auth.json / ~/.pi/auth.json / 项目根），支持 {"apiKey":…} 与 {"provider":{…}} 两种形态

配置文件查找顺序（首个命中）：

$MM_VISION_CONFIG
~/.config/mm-vision/config.json
~/.mm-vision.json
<项目根>/vision-config.json
<cwd>/vision-config.json
<cwd>/.vision-config.json

示例 vision-config.json（见 vision-config.example.json）：

{
  "model": "qwen-vl-max",
  "baseUrl": "https://dashscope.aliyuncs.com/compatible-mode/v1",
  "maxTokens": 2048,
  "autoDetect": true,
  "mode": "auto",
  "cacheTTL": 600,
  "cacheMax": 100,
  "dotMatrix": false,
  "dotWidth": 80,
  "dotHeight": 24,
  "dotInvert": true
}

用别的视觉模型？改 model + baseUrl 即可（OpenAI 兼容协议）。没有 DashScope key 也可以用 OPENAI_API_KEY / GEMINI_API_KEY。

🔄 双向协议：编码 ⇄ 渲染

通感编码是图像交换语言，双向可用：

正方向（编码）：图片 → mcp_vision → 结构化坐标文字
反方向（渲染）：坐标文字 → mcp_render → SVG/PNG 图片

纯文本 LLM 因此获得画图能力：输出坐标化描述 → 渲染成真实图片。

mcp_render(synesthesia: "【画布】16:9 浅色背景 #f5f6fa
【元素】[矩形 | 位置(10%,10%) | 尺寸(35%x20%) | 颜色#4a90d9 | 圆角 | "登录按钮"]...")
# → SVG 图片（含登录/注册按钮、圆点状态、箭头流程）

CLI 反向渲染：

mm-vision render encoded.txt -o chart.svg      # 通感编码文本 → SVG
mm-vision pixels smile.txt -o smile.svg        # ASCII 点阵 → 像素网格 SVG（像素级）
mm-vision html lake.txt -o lake.html --scale 4    # 点阵/RGB → HTML 画布页（浏览器出图）
# 再用 scripts/svg2png.py 转 PNG

支持元素：矩形 / 圆形 / 椭圆 / 多边形 / 箭头 / 文本 / 水平线 / 标注点 / K线蜡烛 / 网格 / 密集折线（点→线） / 面填充（线→面） / 像素网格（点阵→像素）。 已闭环验证：编码 → 渲染 → 再识别，坐标与元素完全一致。

画图实测（examples/draw/）

纯文字模型不靠扩散模型也能"画"出东西——以下是测试会话（2026-08-11）的真实产物：

产物方式说明
demo.svg函数图像多个函数曲线（点→线→面）渲染：坐标轴 + 精确到 0.1px 的曲线 + 标注
butterfly.png矩阵渲染蝴蝶：参数化矩阵生成 + 零依赖 PNG 编码
pipeline-line.png先画线管线：线稿 → 矩阵渲染两阶段
pipeline-render.png矩阵渲染管线完整渲染
pipeline-svd-art.pngSVD 艺术化奇异值分解风格化
vase-svd.pngSVD 渲染花瓶：样本外生成（非脚本硬编码，参数化）
snowman-svd.pngSVD 渲染雪人
gothic-girl.pngPIL 通道哥特婚纱少女：LLM 写 PIL 脚本 → 子进程执行

通道说明：pil（LLM 写 Python PIL 脚本）sync（通感矢量 → SVG）layout-tiles（布局先行分块）scan/tiles（逐点 RGB 矩阵）svd（矩阵分解风格化）。诚实声明：文字模型画图结构可用、细节抽象——界面线框/图表/示意图是强项，自然图是"火柴人美学"。

⚠️ 诚实声明（先看这里）

mm-vision draw 画出来的图，丑。 这不是谦虚，是物理规律：

通道原理效果
pil 通道文字模型写 Python 代码画图通用主力（实测最优）：雪山/城市/UI/抽象艺术结构清晰（矢量插画级）；精确拓扑（电路连接）会错
scan/tiles 点阵逐点 RGB 矩阵 + 分块拼接结构完整但画不出具象轮廓（渐变>形状）；适合抽象/低细节图
layout-tiles 布局先行先规划物体区域再分块着色布局协调好（8-10 物体稳定），但逐点上色仍偏渐变
sync 通道通感描述 → 矢量渲染界面线框、图表 可用；自然图 等于火柴人
点阵/色块逐像素文字描述分辨率受 token 限制，细节必然丢失

为什么丑？

  1. 文字模型不懂"美"——它没看过像素，只能靠训练数据里的代码模式拼凑
  2. PIL 是程序化绘图：渐变靠硬编码、曲线靠数学公式、光影靠想象
  3. 输出 token 有限，细节和范围不可兼得

通用性（实测验证）：随机 3 场景——城市夜景 ✅（9栋楼+月亮+道路）、电路图 ⚠️（元件位置对但导线悬空）、抽象艺术 ✅。PIL 通道是场景无关的通用架构；scan/sync 是补充通道。

draw 的真正定位：

  • ✅ 图表、示意图、线框图、UI 草稿——够用且实用
  • ✅ 快速可视化数据/想法，给人类当草稿
  • ❌ 不是文生图（那需要 wan2.7-image / Stable Diffusion 等专用模型）
  • ❌ 不是照片级渲染

与 mm_vision（识别）的关系：

mm_vision = 看图（识别）→ 文字描述     [视觉模型 · 有损但理解力强]
mm-vision draw = 文字 → 程序画图       [文字模型 · 无损但画得丑]
两者互补：识别告诉你"图里有什么"，draw 帮你"把想法画出来"

建议：需要高质量图片请用专用文生图模型（wan2.7-image、SDXL、Midjourney）；mm-vision draw 适合"能看懂就行"的场景。

🎯 使用

MCP（所有接入的 Agent）

mcp_vision(image: "examples/ad4ada560b059367cb047cacda5f0cc4.jpg", prompt: "标出主峰和倒影的位置")
mcp_vision(image: "https://example.com/chart.png")

CLI

mm-vision analyze examples/ad4ada560b059367cb047cacda5f0cc4.jpg
mm-vision analyze https://example.com/photo.jpg "描述主体位置"
mm-vision analyze F:/xxx/photo.png coords "只输出关键坐标"
mm-vision config

Pi（原生扩展）

mm_vision(image: "F:/xxx/photo.png", prompt: "分析这张图")
/vision F:/xxx/photo.png 主体在哪
粘贴图片 → 自动分析并注入描述

📋 模式

模式Tokens适用
brief512快速浏览：这是什么图？
full2048通用：全部可识别元素
coords2048图表/盘面/UI：每个关键元素必须带精确 (x%,y%)
auto—关键词识别（K线/图表/盘面/坐标/曲线/截图 → coords）

🧪 验证

# 用样例图测试（配置好 API key 后）
mm-vision analyze examples/ad4ada560b059367cb047cacda5f0cc4.jpg
# 期望输出包含: 画布 / 元素坐标 / 山体与湖面关系 / 光线方向

样例输出（examples/mountain.output.txt + examples/ad4ada560b059367cb047cacda5f0cc4.encoded.md）展示了完整编码格式。

🔒 安全

  • 只把图片发送到你配置的视觉模型做描述
  • 从不执行图片内容中的命令
  • 输出是注入对话的文本——与任何模型输出一样按不可信输入对待

🏗 架构

src/
├── core.ts           # 纯函数核心（零依赖）：配置/编码/缓存/点阵
├── mcp-server.ts     # MCP server（stdio，JSON-RPC 2.0 手写零依赖）
├── cli.ts            # 独立命令行入口（analyze / render）
├── render.ts         # 反向渲染：通感编码 → SVG（矢量 + 像素级点阵）
└── pi-extension.ts   # Pi Agent 原生适配层
scripts/
└── ascii_dot.py      # 可选点阵生成器（PIL）
examples/
└── kline.png         # 样例 K 线图

集成到其他 Agent？ 直接 import { analyzeImage } from "mm-vision"（npm 包形态），或起一个 MCP server。

📄 License

MIT