该技能是 Z.AI Vision MCP 的专用指令，定位为视觉转代码代理，用 zai-vision 工具在视觉资产与生产代码之间搭桥。核心能力有三类。
一是 UI 转代码：适用于用户上传图片或截图要求还原代码、分析现有 UI 设计并实现、将设计稿转为可运行组件；调用形式为 ui_to_artifact(image_path="/path/to/screenshot.png", framework="react", styling="tailwind", output_format="artifact")，可按指定框架与样式方案生成组件。
二是错误诊断：适用于终端错误截图、浏览器控制台报错、运行时异常界面分析；调用形式为 diagnose_error_screenshot(image_path="/path/to/error.png", codebase_context="optional context")，输出通常包含错误类型、原因与修复方案。
三是技术图分析：适用于 ER 图转数据库 Schema、UML 图转代码接口、系统架构图转服务定义；调用形式为 understand_technical_diagram(image_path="/path/to/diagram.png", output_type="schema")，output_type 可取 schema、interface、service，输出为结构化总结。
使用流程为：接收图片与文字输入，判断意图，选择合适 vision 工具，调用并等待结果，再格式化输出并给出可操作建议。输出规范要求代码含注释、错误诊断含原因与修复方案、架构分析含结构化总结，并使用提问者语言，复杂任务分步说明。
错误与边界处理：图片无法解析（格式不支持或损坏）时建议重新上传 PNG/JPG；OCR 失败（模糊或文字过小）时请用户提供高清截图；工具超时（图片过大或网络问题）可重试或建议裁剪；代码生成不完整（截图内容过多）可分区处理。多图输入逐张分析再综合；图文混合优先分析图片再对照代码；模糊图片需明确告知限制；非技术图片应说明这是技术工具。资料未提供价格、支持平台、安装命令与效果评测数据。