响应式邮件模板生成工具

一款基于AI的响应式邮件模板设计与生成工具,支持MJML语言,无需API密钥,适用于品牌邮件设计与快速编辑。

  • by hema9265
  • TypeScript
  • 本地部署
  • 3 星标
  • 更新于
在 GitHub 查看 hema9265/email-design-mcp

使用说明

📧 电子邮件设计mcp-轻松构建响应式电子邮件模板

📋 什么是电子邮件设计mcp?

电子邮件设计mcp是一个帮助您设计和生成电子邮件模板的应用程序。它使用人工智能制作在手机和电脑上运行良好的响应式电子邮件。该工具支持Claude、Cursor和Visual Studio代码。使用它不需要任何API密钥。设计系统基于MJML,这是一种为响应电子邮件而设计的语言。这意味着无论使用何种设备,您的电子邮件都会很好看。

此应用程序在Windows上运行,并设置服务器来处理您的电子邮件设计请求。它简化了电子邮件的创建,特别是如果你想要品牌意识模板和易于编辑。

🖥️ 系统要求

安装前,请检查您的计算机是否满足以下需求:

  • Windows 10或更高版本
  • 最低4GB RAM
  • 500 MB可用磁盘空间
  • 稳定的互联网连接(用于下载更新和AI模型数据)
  • 已安装Visual Studio代码(可选,用于高级编辑)
  • 微软。NET Framework 4.7.2或更高版本

如果你没有Visual Studio代码,你仍然可以使用该应用程序的基本功能。

🌟 主要特点

  • 创建可适应不同屏幕大小的响应式电子邮件
  • 使用AI(Claude和Cursor)生成电子邮件内容
  • 无需管理或提供API密钥
  • 由MJML提供支持的模板,便于设计和兼容性
  • 运行本地MCP服务器以顺利处理您的请求
  • 适用于基于TypeScript的工作流
  • 包括品牌感知工具,以保持电子邮件的一致性
  • 构建和编辑电子邮件模板不需要编码

🚀 入门指南

第一步:访问下载页面

点击下面的大下载按钮访问官方发布页面。此页面列出了适用于Windows的所有版本。

第二步:选择最新版本

在发布页面上,查找最新的Windows安装程序。它通常以以下方式结束 .exe 并在其名称中提到Windows。

步骤3:下载安装程序

将安装程序文件下载到您的计算机。它可能会被命名为 email-design-mcp-setup.exe.

步骤4:运行安装程序

  • 双击您下载的安装程序文件。
  • 按照屏幕上的提示进行操作。
  • 接受许可协议。
  • 选择安装软件的位置或使用默认位置。
  • 单击“安装”并等待过程完成。

步骤5:启动电子邮件设计mcp

安装后:

  • 在“开始”菜单或桌面上找到电子邮件设计mcp。
  • 单击图标打开应用程序。

应用程序将在后台启动服务器。此服务器为AI功能和模板生成提供动力。

⚙️ 如何使用电子邮件设计mcp

第一步:启动一个新的电子邮件项目

  • 点击 新项目 在应用程序中。
  • 命名您的项目并选择一个文件夹来保存文件。

步骤2:选择模板或从空白开始

  • 如果您想快速开始,请从预定义的模板中选择。
  • 如果你想从头开始设计,也可以从一封空白电子邮件开始。

步骤3:自定义电子邮件

  • 使用可视化编辑器更改文本、图像和布局。
  • 该应用程序会自动使电子邮件响应。

步骤4:使用AI生成内容

  • 单击AI按钮添加或改进内容。
  • 在Claude或Cursor AI助手之间进行选择。
  • 输入提示,如“生成欢迎消息”或“撰写时事通讯介绍”
  • AI将直接在您的电子邮件中插入文本。

步骤5:预览您的电子邮件

  • 单击预览选项卡,查看您的电子邮件在手机和台式机上的外观。
  • 必要时进行调整。

步骤6:导出电子邮件

  • 当您的电子邮件准备就绪时,单击 出口.
  • 将其另存为HTML或MJML,为您的电子邮件平台做好准备。

🔧 高级设置

如果你想使用Visual Studio代码:

  • 在VS Code中打开您的电子邮件项目文件夹。
  • 使用MJML和TypeScript的内置工具和扩展。
  • 您可以直接编辑电子邮件模板和服务器文件。

当您保存VS代码中的任何更改时,MCP服务器将自动更新。

❓ 故障排除

  • 如果应用程序未启动,请检查 .NET Framework 4.7.2 安装了或更高版本。
  • 如果人工智能响应缓慢,请确保您的互联网连接稳定。
  • 对于安装过程中的任何错误消息,请尝试以管理员身份运行安装程序(右键单击>以管理员身份执行)。
  • 如果预览没有正确呈现,请重新启动应用程序并重新加载项目。

📁 文件位置

  • 默认情况下已安装的应用程序文件: C:\Program Files\email-design-mcp
  • 您的项目和导出的电子邮件将保存在创建项目时选择的文件夹中。
  • 配置文件存储在项目文件夹中 config 子文件夹。

🔄 更新电子邮件设计mcp

  • 检查 发布页面 定期发布新版本。
  • 下载最新的安装程序并运行它。它将替换您当前的版本,而不会删除您的项目。

📞 获取帮助

  • 访问此存储库中的GitHub Issues部分,查找现有的帮助主题或报告问题。
  • 使用README文件和附带的文档了解有关高级功能和命令的更多信息。

🔗 实用链接